#banner { font-size:0; overflow:hidden; width:100%; margin:auto;}

.col-md-4{width:20%; float:left; position:relative; line-height:0;}
.col-md-4 img{width:100%; }
.comd_img figcaption{position:absolute; left:0; bottom:0; height:53px; width:99.8%; line-height:53px; background:url(../images/cp_bj.png) no-repeat right bottom; color:#fff; text-indent:20px; font-size:16px;}
.col-md-4 > .comd_img{border-right:1px solid #fff;}
.col-md-4 > figcaption{ }
.comd5 > .comd_img{border-right:0px solid #fff;}
.comd4 figcaption{width:99.7%;}
.comd5 figcaption{width:100%;}


.news_m{float:left; width:556px; padding:29px 0px 0 0px; margin-bottom:59px;}
.news_hb{color:#c8191b; font-size:24px; border-bottom:0px solid #055da0; line-height:59px; margin-bottom:15px; background:url(../images/news_bi.jpg) no-repeat left bottom;}
.news_hb span{color:#2b2a2a;}
.news_m li { background:url(../images/news_img.jpg) no-repeat 1px center; height:33px; line-height:33px; overflow:hidden; border-bottom:0px dashed #cbcbcb;  font-size:14px; color:#222;}
.news_m li a { margin-left:26px; font-size:14px; color:#2f2f2f;}
.news_m li span{float:right; color:#949494; font-size:12px;}

.ace_m{float:right; width:561px; color:#fff; font-size:14px; padding:29px 0px 0 0px; border-bottom:0px solid #fff; position:relative;}
.m_ace_ht, .m_join_ht{font-size:24px; background:url(../images/ps_top.jpg) no-repeat 1px bottom; line-height:73px; margin:9px 0 17px;}
.gc_img{float:left; width:178px; position:relative; margin-right:10px; margin-top:11px; line-height:0; border:1px solid #d3d3d3; text-align: center; padding:41px 0 0 0; height:132px; margin-bottom: 59px;}
.gc_img span{position:absolute; left:0; bottom:0; width:100%; background:url(../images/ace_bj.png) repeat-x right center; height:70px; line-height:70px; color:#333334; font-size:14px;}

.gc_img_01{background:url(../images/icon_01.jpg) no-repeat center 41px #fff;}
.gc_img_02{background:url(../images/icon_02.jpg) no-repeat center 41px #fff;}
.gc_img_03{background:url(../images/icon_03.jpg) no-repeat center 41px #fff;}
.gc_img_01:hover{background:url(../images/icon_11.jpg) no-repeat center 41px #e46c0b;}
.gc_img_02:hover{background:url(../images/icon_12.jpg) no-repeat center 41px #c8191b;}
.gc_img_03:hover{background:url(../images/icon_13.jpg) no-repeat center 41px #008be3;}
.gc_img_01:hover span, .gc_img_02:hover span, .gc_img_03:hover span{color:#fff;}

.a_more{color:#fff; font-size:12px; border:1px solid #fff; width:108px; height:33px; line-height:33px; text-indent:23px; position:absolute; left:43px; bottom:25px; }
.ace_more{left:38px;}


.m_contact { display:none; }
.xwkb{ display:none; }

.info-mask { background:url(../images/icon.png) no-repeat center center #000; background-size: 100% 100%; display: block; left: 0; opacity: 0; position: absolute; top: 0; transition: all 0.5s ease-in 0s; visibility: hidden; width:100%; height:100%; }
.comd_img:hover .info-mask { opacity: 0.8; filter:alpha(opacity=80); visibility: visible;}
.comd_img:hover figcaption{ font-size:24px; background:none; line-height:40%; height:40%; text-align:center; text-indent:0;}


.grid { overflow: hidden; margin: 0; width: 100%; list-style: none; text-align: center;}

.grid figure { position: relative; z-index: 1; display: inline-block; overflow: hidden; margin: -0.135em; width:20%; /*height: 380px;*/ background: #3085a3; text-align: center; cursor: pointer;}
figure.effect-bubba { background: #000;}
.grid figure img {position: relative; display: block; min-height: 100%; opacity: 1; width:100%;}
.grid figure figcaption {  padding:0em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden;  }
.grid figure:hover figcaption {display:block;}
figure.effect-bubba h2{ opacity: 0}
.grid figure .fint{position:absolute; left:0; bottom:0; height:53px; width:100%; line-height:53px; background:url(../images/cp_bj.png) no-repeat right bottom; color:#fff; text-indent:20px; font-size:16px; text-align:left;}
.grid figure:hover .fint{display:none;}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
	background: #000;
}

figure.effect-bubba img {
	opacity: 1;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
	opacity: 0.7;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	content: '';
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

figure.effect-bubba figcaption::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}

figure.effect-bubba h2 {
	padding-top: 60%;
	font-size:18px;
	background: url(../images/icon.png) no-repeat center 70%;
}

figure.effect-bubba p {
	padding: 20px 2.5em;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
	opacity: 1;
}
@media screen and (max-width:320px){
.hidden-xs4{ display:none; }
}