@charset "utf-8";
body{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    overflow-x: hidden;
}
*{ margin:0; padding:0}

.casebanner {
    width: 100%;
    height: 346px;
    margin-top:82px;
    background:#fff;
}
/*合作案例*/
.casebanner img{ width:1920px; height:346px; position:absolute; left:50%; margin-left:-960px;}
.case_ti{ font-size:30px; color:#0065bc; text-align:center; padding:30px 0 15px 0; background:url(../images/ti.png) bottom center no-repeat;}
.case_ti span{ display:block; font-size:14px;  color:#999;}
.case{ width:100%; overflow:hidden; padding:0px 0 40px;background:#fff;}
.case_c{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.case_fl{ width:100%; font-size:30px; margin:30px 0; color:#424242; text-align:center; font-weight:bold;}
.case_list{width:1200px;margin:0px auto;padding-bottom:40px; margin-top:40px;}
.case_list table{border-collapse:collapse;border:1px solid #e6e6e6;}
.case_list table td{width:248px; border:1px solid #e6e6e6;background:#fff;}
.case_list table td .case_box{width:150px;height:90px;padding:20px 44px;position:relative;z-index:1;}
.case_list table td .case_box2:hover{border:8px solid #f6f6f6;padding:11px 36px;}
.case_box .cont1{ width:194px; height:90px; position:absolute;top:22px;left:27px;z-index:2;}
.case_box .cont1 img,.case_box .cont2 img{ width:194px; height:90px; display:block; margin:0 auto;}
.case_box .cont2{ width:194px; height:90px; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;position:absolute;top:22px;left:27px;z-index:1;transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.case_box:hover .cont1{transform:rotateY(180deg);z-index:1;alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg);}
.case_box:hover .cont2{transform:rotateY(360deg);z-index:2;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;-ms-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-o-transform:rotateY(360deg);}
.case_box:hover .cont2{z-index:2;}
.case_box .cont1{transition:all .5s linear 10ms;}
.case_box .cont2{transition:all .5s linear 10ms;}