/* case_03 */
.case_03{position:relative; width: 100%;   height:600px; background: #333;}
.case_03 .title{
	width:100%;
	height: auto;
	position: absolute;
	top: 400px;
	
}
.case_03 .title h2{font-size:20px;font-family:"microsoft yahei";}
.case_03 .title-list_03{position:relative; cursor: pointer; width:100%;background-color: #0764c0; z-index:99;
	background-image: url(index-serve-in-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    outline: none;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
}
.case_03 .title-list_03 li{width: 24.9%; padding: 5% 0; color:#fff;text-align:center;float:left;display:inline-block;/*position:relative; */}
.case_03 .title-list_03 li+li {
    border-left: 1px solid rgba(58,167,167,.3);
}
.case_03 .title-list_03 li a{ color:#fff; font-size:24px; font-weight:bold;display: block;margin-bottom: 30px;transition: all .4s ease; }
.case_03 .title-list_03 li>h5{ font-size:14px; color:#fbbf0a; line-height:2; text-align:center;}
.case_03 .title-list_03 li.on{color:#a26018;font-weight:bold;}
.case_03 .title-list_03 p{position:absolute;top:40px;left:0px;width:25%;height:3px;background:url(../images/bottom_line.png) no-repeat center bottom; overflow:hidden;text-align:center;}



/*.case_03 .title-list_03 li:after {
    content: '';
    width: 18px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: width .4s ease;
}*/

.case_03 .title-list_03 b{display:inline-block;width:0;height:0;margin-top:-3px;border-style:solid dashed dashed dashed;border-width:9px;border-color:#d0a97e #fff #fff #fff;overflow:hidden;zoom:1;font-size:0;}
.product_03{width:100%; height:600px; overflow:hidden;display:none;  clear: both; }
.product-wrap_03 .show{display:block;}

.cb01 {
	background: url(center_banner_01.jpg) no-repeat center top;
	    background-size: cover;
		webkit-animation: azoom 30s linear infinite;
    -moz-animation: azoom 30s linear infinite;
    animation: azoom 30s linear infinite;
	
}
.cb02 {
	background: url(center_banner_02.jpg) no-repeat center top;
	background-size: cover;
	webkit-animation: azoom 30s linear infinite;
    -moz-animation: azoom 30s linear infinite;
    animation: azoom 30s linear infinite;
	
}
.cb03 {
	background: url(center_banner_03.jpg) no-repeat center top;
	background-size: cover;
	webkit-animation: azoom 30s linear infinite;
    -moz-animation: azoom 30s linear infinite;
    animation: azoom 30s linear infinite;

}
.cb04 {
	background: url(center_banner_04.jpg) no-repeat center top;
	background-size: cover;
	webkit-animation: azoom 30s linear infinite;
    -moz-animation: azoom 30s linear infinite;
    animation: azoom 30s linear infinite;

}