body{
    margin:0;
    padding:0;
    background: #fff;
}
.blue{
    width:100%;
    height:60px;
    background:#0f3fa8;
    margin-top: -4px;
}
.blue_sub{
    width: 772px;
    height:60px;
    margin:0 auto;
}
.kqjc{
    padding: 20px 60px;
    line-height: 60px;
    background: #fff;
    color:#000;
    cursor: pointer;
}
.szjc{
    padding: 19px 60px;
    line-height:60px;
    background: #103FA9;
    color:#fff;
    cursor: pointer;
}
.trjc{
    padding: 19px 60px;
    line-height:60px;
    background: #103FA9;
    color:#fff;
    cursor: pointer;
}
.zmkh>a,.szjc>a,.trjc>a{
    color:#fff;
}
.zmkh{
    padding: 19px 60px;
    line-height:60px;
    background: #103FA9;
    color:#fff;
    cursor: pointer;
}

.yiqishebei{
    width:1006px;
    margin:0 auto;
}
/**/
.flex-container {
    width:1006px;
    height:auto;
    margin:0 auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 100px;
}
.flex-item {
    margin: 5px;
    border: 1px solid #D2D2D2;
}

/*��Ʒ����*/
.excellent_case{
    width:1025px;
    margin:0 auto;
    overflow: hidden;
}
.excellent_case_box{
    width:320px;
    height:380px;
    margin-right:20px;
    float:left;
    margin-top:40px;
    margin-bottom: 5px;
}
.excellent_case_box_top{
    width:320px;
    height:300px;
    position: relative;
}
.excellent_case_box_top>img{
    width:100%;
    height:100%;
}
b{
    position: absolute;
    left:0;
    top:0;
    right:0;
    width: 493px;
    height: 140px;
    overflow: hidden;;
    background-color: #303030;
    opacity: 0;
    /*-webkit-transition:all .5s ;*/
    -o-transition: all .5s ;
    transition: all .5s;
  text-align:center;
}
b:hover{
    opacity:.2;
    width: 493px;
    height: 50px;
text-align:center;
bottom:0;
margin-top:299px;
}
.excellent_case_box_bottom{
    height:80px;
}
.excellent_case_box_bottom_zi{
    font-size:18px;
    color:#303030;
    text-align: center;
    padding-top:15px;
    cursor: pointer;
}
.excellent_case_box_bottom_div{
    width:30px;
    height:3px;
    background: #303030;
    margin:0 auto;
    margin-top:10px;
}
.excellent_case_box_bottom_zi>a:hover{
    color:#0F3FA8;
}
.excellent_case_box_bottom:hover>.excellent_case_box_bottom_div{
    background: #0F3FA8;
}
.excellent_case_box_bottom:hover{
    border-right:1px solid #0F3FA8;
    border-left:1px solid #0F3FA8;
    border-bottom:1px solid #0F3FA8;
}


/*֪���ͻ�*/
.famous_customers{
    width:1028px;
    margin: 0 auto;
    overflow: hidden;
    margin-top:10px;
    margin-bottom:100px;
}
.famous_customers_box{
    width:225px;
    height:125px;
    border:1px solid #D2D2D2;
    float:left;
    margin:30px 30px 0px 0px;
}

 /*�����豸*/
.yiqishebei{
    width: 1000px;
    margin: 0 auto;
    overflow: hidden;
    padding-top:30px;
    padding-bottom:30px;
    color:#303030;

}
.yiqishebei_box{
    width:1000px;
    height:315px;
    background:#fff;
    overflow: hidden;
    position: relative;
}
.yiqishebei_box_1,.yiqishebei_box_2{
    float:left;
}
.yiqishebei_box_1{
    width:600px;
    position: relative;
}
.yiqishebei_box_1>img{
    width:100%;
}
 span{
    position: absolute;
    left:0;
    top:0;
    right:0;
    width: 600px;
    height: 315px;
    overflow: hidden;;
    background-color: #fff;
    opacity: 0;
    -webkit-transition:all .5s ;
    -o-transition: all .5s ;
    transition: all .5s;
}
.yiqishebei_box:hover span{
    opacity:.5;
    width: 600px;
    height: 315px;
}
.yiqishebei_box_2{
    width:400px;
    height:315px;
    background:#fff;
    position: relative;
}
.duan_box{
    position: absolute;
    top:110px;
    left:20px;
    opacity: 1;
}
.duan_box_p,.chang_box_p{
    font-size: 24px;
    color:#303030;
}
.chang_box{
    position: absolute;
    margin-bottom:10px;
    z-index: 999;
    opacity: 0;
}
.chang_box_p{
    padding-top:110px;
    padding-left:20px;
}
.chang_box_p2{
    font-size:14px;
    margin-top:20px;
    margin-right:10px;

    padding-left:20px;
}
.chang_box_div{
    width:25px;
    height:2px;
    background:#0F3FA8;
    margin-top:5px;
    margin-left:20px;
}

.yiqishebei_box:hover>.yiqishebei_box_2>.chang_box{
    width:600px;
    height:315px;
    left:-200px;
    background:#fff;
    opacity: 1;
    -moz-transition:0.8s ease-in-out;
    -webkit-transition:0.8s ease-in-out;
    -o-transition:0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    /*
       ease    �涨���ٿ�ʼ��Ȼ���죬Ȼ�����ٽ����Ĺ���Ч����cubic-bezier(0.25,0.1,0.25,1)����
       ease-in    �涨�����ٿ�ʼ�Ĺ���Ч�������� cubic-bezier(0.42,0,1,1)����
        ease-out    �涨�����ٽ����Ĺ���Ч�������� cubic-bezier(0,0,0.58,1)����
        ease-in-out    �涨�����ٿ�ʼ�ͽ����Ĺ���Ч�������� cubic-bezier(0.42,0,0.58,1)��
    */

}
/**/
.yiqishebei_box2{
    overflow: hidden;
    margin-top:30px;
}
.yiqishebei_box2_box{
    width:493px;
    float:left;
}
.yiqishebei_box2_box>img{
    width:100%;
    height:100%;
}
.yiqishebei_box2_box{
    position: relative;
}
b{
    position: absolute;
    left:0;
    top:0;
    right:0;
    width: 493px;
    height: 140px;
    overflow: hidden;;
    background-color: #303030;
    opacity: 0;
    /*-webkit-transition:all .5s ;*/
    -o-transition: all .5s ;
    transition: all .5s;

}
.yiqishebei_box2_box:hover>b{
    opacity:.5;
    width:493px;
    height: 150px;
    color:#fff;
    /*padding-left:200px;*/
    /*padding-top:170px;*/
    /*overflow: hidden;*/
    margin-top:300px;
    z-index: 99;
}
.b_p{
    margin-left:180px;
    margin-top:7px;
    font-size: 24px;
    color:#fff;
    opacity: 1;
}

/*.yiqishebei_box2_box:hover>b{
    opacity:.5;
    width:493px;
    height: 150px;
    color:#fff;
    margin-top:300px;
    z-index: 99;
}
*/