/* flex */
.flex_row,.items_list>ul{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap:wrap;}


/* index_promote */
.index_promote{ background-color:#f1f1f1;}
.index_promote,.index_company_intr,.index_product{margin-bottom: 10px;}
.index_main .index_promote .layout{width: auto;}
.promote_item{-webkit-box-flex:0 0 33.33333333%;-webkit-flex:0 0 33.33333333%;-ms-flex:0 0 33.33333333%;flex:0 0 33.33333333%;max-width: 33.33333333%;width: 33.33333333%;text-align: center;float: left;font-size: 16px;position: relative;
display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow: hidden;
}
.promote_item .item_inner{display: block;}
.promote_item .item_img,.promote_item .item_img img{display: inline-block;height: auto;overflow: hidden;}
.promote_item .item_img{vertical-align: middle;}
.promote_item .item_txt{position: relative;z-index: 1;}
.promote_item .item_tit{font-size: 36px;max-height: 2.6em;font-weight: normal;line-height: 1.3em;/*overflow: hidden;*/position: relative;

/****超出2行省略****/
overflow : hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical; 
}
.promote_item .item_desc:before{content: '';display: block;width: 20%;height: 3px;background-color: #FA4318;position: absolute;left: 40%;top: 1.5em;margin-top: -1px;}
.promote_item .item_desc{max-height: 4.5em;line-height: 1.5em;overflow: hidden;font-size: 16px;position: relative;padding-top: 3em;-webkit-box-sizing: content-box;box-sizing: content-box;}
.promote_item .item_desc,.promote_item .item_desc a{color: #666;}
.promote_item .item_more{padding-top: 1.8em;}
.promote_item .item_more:after{content: '\f105';font-family: 'fontawesome';padding-left: .5em;}
.promote_item .item_mask{display: block;width: 100%;height: 100%;background-color: #FA4318;position: absolute;display: none;}
.promote_txt_item {background-position: 0 0;-webkit-background-size: cover;background-size: cover;/*background-image: url(../images/promote_item_bg.jpg);*/ background-color:#f1f1f1;}
.promote_txt_item .item_inner{display: block;padding: 5% 15%;}
.promote_item .item_inner:hover .item_desc{color: #333;}
.promote_item .item_inner:hover .item_desc:before{background-color: #fff;width: 100%;left: 0;-webkit-transition: all .6s ease-in-out;-o-transition: all .6s ease-in-out;transition: all .6s ease-in-out;}
.promote_item .item_img{vertical-align: middle;}
.promote_item .item_img:before {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.3) 100%) repeat scroll 0 0;content: "";display: block;height: 100%;left: -75%;position: absolute;top: 0;transform: skewX(-25deg);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);-o-transform: skewX(-25deg);width: 50%;z-index: 2;opacity: 0.35;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.promote_item .item_img:hover:before {animation: shine 1.5s;-webkit-animation: shine 1.5s;}
@-webkit-keyframes shine {100% {left: 125%;}}
@keyframes shine { 100% {left: 125%;}}
.promote_item .item_img:after{content: '';display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.promote_item .item_img:hover:after{background-color: rgba(0,0,0,0.5);-webkit-transition-delay: 0.3s;-o-transition-delay: 0.3s;transition-delay: 0.3s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}	


/* index_promote */
.promote_items{ margin:0px; padding:0px;}
.item_img{width:100%; }
.item_img img{ width:100%; margin:0px; padding:0px; }

.promote_item .item_tit {font-size:24px; }
.promote_item .item_desc {font-size:16px;}
.promote_item .item_more {font-size:16px;}

@media only screen and (max-width: 1024px) {

.promote_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;margin-bottom: 2px;}
.promote_item:nth-child(2n):before{content: '';display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 2;}

}
@media only screen and (max-width: 640px) {
	
/* index */
.promote_item{-webkit-box-flex:0 0 50%;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width: 50%;width: 50%;margin-bottom: 2px;}
.promote_item:nth-child(2n):before{content: '';display: block;width: 1px;height: 100%;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 2;}
.promote_item .item_tit{font-size: 20px;}
.promote_item .item_desc{padding-top: .6em;}
.promote_item .item_desc:before{display: none;}
.promote_item .item_more{padding-top: .6em;}

.promote_item .item_tit {font-size:24px;}
.promote_item .item_desc {font-size:14px;}
.promote_item .item_more {font-size:14px;}
}

@media screen and (max-width: 480px) {
.promote_item{-webkit-box-flex:0 0 100%;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width: 100%;width: 100%; }
.promote_txt_item .item_inner{padding: 10% 8%;}

.promote_item .item_tit {font-size:20px;}
.promote_item .item_desc {font-size:14px;}
.promote_item .item_more {font-size:14px;}
}

.promote_item{
	-moz-transition: -moz-transform .3s;
-webkit-transition: -webkit-transform .3s;
-o-transition: -o-transform .3s;

transition: all .3s linear; /*让移动效果变得平滑自然*/
}
.promote_item:hover{
 transition: all .3s linear; /*让移动效果变得平滑自然*/
	}
.promote_item .item_tit {transition: all .3s linear; /*让移动效果变得平滑自然*/ }
.promote_item .item_desc{ transition: all .3s linear; /*让移动效果变得平滑自然*/ }
.promote_item .item_more {transition: all .3s linear; /*让移动效果变得平滑自然*/ }	
.promote_item:hover .item_tit { color:#fff !important;}
.promote_item:hover .item_desc{ color:#fff !important;}
.promote_item:hover .item_more { color:#fff !important;}


.industries_bg{ width:100%; background-color:#fff; padding-top:40px; padding-bottom:0px;}
/*768px小屏幕*/
@media screen and (max-width: 768px) {
.industries_bg{padding-top:0px;}
}