@import url("/html5/jsFunction/front.css?#1");
.menuitem{
	margin:auto 15px;line-height:40px; float:left;font-size:22px;cursor:pointer;
}
.menuitem_active{
	border-bottom:3px solid #fff;
}
.menuitem:hover{
	color:#aaa;
}

.menuitem_m{
	margin:20px auto;line-height:30px; font-size:18px;cursor:pointer;padding:0 30px;white-space:nowrap;
}
.menuitem_m_active{
	border-bottom:2px solid #fff;
}

.ab_pic_on{
	animation:ab_pic_on_show 0.3s;
	-webkit-animation:ab_pic_on_show 0.3s;
   -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin:10px 2px;
}


.ab_pic{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter：gray; 
	-moz-opacity:0.5;
	margin:10px 2px;
	animation:ab_pic_show 0.3s;
	-webkit-animation:ab_pic_show 0.3s;
   -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  
}
.ab_pic img,.ab_pic_on img{
	cursor:pointer;
	width:100%;
	}
 .ab_pic_divbg{
	position:relative;margin-top:-60px;width:100%;height:40px;background:#000;opacity: 0.6;
	}
 .ab_pic_divtext{
	position:relative;margin-top:-40px;width:100%;line-height:40px;text-align:center;color:#fff;font-weight:bold;

}


@keyframes ab_pic_on_show {
   0% {
        width:220px;height:258px;
	}
       100% {
        width:300px;height:351px;
    }
}

@keyframes ab_pic_show {
   0% {
   		width:300px;height:351px;
        
	}
     100% {
        width:220px;height:258px;
    }
}



.ab_pic_m_on{
	animation:ab_pic_on_show 0.3s;
	-webkit-animation:ab_pic_m_on_show 0.3s;
   -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    margin:10px 2px;
}


.ab_pic_m{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter：gray; 
	-moz-opacity:0.5;
	margin:10px 2px;
	animation:ab_pic_m_show 0.3s;
	-webkit-animation:ab_pic_m_show 0.3s;
   -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  
}
.ab_pic_m img,.ab_pic_m_on img{
	cursor:pointer;
	width:100%;
	}
 .ab_pic_m_divbg{
	position:relative;margin-top:-60px;width:100%;height:40px;background:#000;opacity: 0.4;
	}
 .ab_pic_m_divtext{
	position:relative;margin-top:-40px;width:100%;line-height:40px;text-align:center;color:#fff;font-weight:bold;font-size:12px;

}


@keyframes ab_pic_m_on_show {
   0% {
        width:110px;height:129px;
	}
       100% {
        width:140px;height:164px;
    }
}

@keyframes ab_pic_m_show {
   0% {
   		width:145px;height:170px;
        
	}
     100% {
        width:110px;height:129px;
    }
}



.ab_td_on{
	cursor:pointer;
	width:550px;margin:10px 30px;background:#b30007;color:#fff;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.ab_td{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter：gray; 
	-moz-opacity:0.5;
	width:550px;margin:10px 30px;background:#fff;color:#000;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}


.ab_td_m_on{
	cursor:pointer;
	width:48%;margin:10px 1%;background:#b30007;color:#fff;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.ab_td_m{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter：gray; 
	-moz-opacity:0.5;
	width:48%;margin:10px 1%;background:#fff;color:#000;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}


.materual_btn{
	margin:100px 20px;cursor:pointer;
}
.materual_btn_slt{
	border-bottom:2px solid #ddd;
}


.materual_m_btn{
	width:auto;margin:10px;cursor:pointer;white-space:nowrap;
}
.materual_m_btn_slt{
	width:auto;border-bottom:2px solid #ddd;white-space:nowrap;
}

.meterual_menus::-webkit-scrollbar {height:0px;}        

.case_btn{
	margin:20px 5px;cursor:pointer;min-width:130px;border-bottom:3px solid #aaa;text-align:center;line-height:50px;
}
.case_btn_slt{
	border-bottom:3px solid #e60012;color:#e60012;
}

.case_on .case_on_text{
	color:#e60012;
}
.case_on{
	background:#f5f5f5;
	border-radius:10px;
}


.case_m_btn{
	width:auto;white-space:nowrap;margin:10px;cursor:pointer;border-bottom:2px solid #aaa;text-align:center;line-height:40px;
}
.case_m_btn_slt{
	width:auto;white-space:nowrap;border-bottom:2px solid #e60012;color:#e60012;
}


.jobs_td_on{
	cursor:pointer;
	width:350px;margin:10px 30px;background:#e60012;color:#fff;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.jobs_td{
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%);
	filter：gray; 
	-moz-opacity:0.5;
	width:350px;margin:10px 30px;background:#fff;color:#000;border:1px solid #b30007;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.jobs_td img{
	filter: invert(100%);
}

.news_td{
	width:100%;border-bottom:1px solid #ddd;display:flex;flex-direction:row;align-items:center;justify-content:center;
}
.news_td_on{
	background:#ddd;
}

.index_pic_list{
	width:31%;height:230px;float:left;margin:10px 1%;text-align:center;background-color:#e7091a;overflow:hidden;cursor:pointer;
}
.index_pic_list_on img {
	opacity:0.2;
}
.index_pic_list_on p {
	opacity:1;
}
.index_pic_list_out p {
	opacity:0;
}
.index_pic_list_m{
	width:49%;float:left;margin-top:10px;text-align:center;overflow:hidden;cursor:pointer;
}

.index_act{
	background-color:#d2d2d2;width:100%;text-align:center;line-height:50px;font-weight:bold;cursor:pointer;
}
.index_act_on{
background-color:#FFF;color:#e7091a;
}

.index_act_on_prev{
border-radius:0 0 20px 0;
}
.index_act_on_next{
border-radius:0 20px 0 0;
}
a{color:#000;}

.clientpicitems_m{
	width:46%;
	margin:10px 2%;

}
.clientpicitems_m_text{
	width:100%;
	text-align:center;

}