.runNum{
            margin: 0 auto;
            padding: 0;
            overflow: hidden;
            height: 50px;
            line-height: 50px;
            border-top: #CCCCCC solid 1px;
            border-bottom: #CCCCCC solid 1px;
            text-align: center;
            font-weight: bold;
            position: relative;
        }
        .runNum>li{
            list-style: none;
            width: 40px;
            float: left;
            position: absolute;
        }
 /*案例展示*/
.index-case{margin-top: 30px;}
.col-sm-4 { width:33.33333333%; }
@media (min-width:768px) {
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9 {
	float:left;
}
.image01 {
width: 95%;
height: 260px;
overflow: hidden;
position: relative;
-webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 20px
}
.image01 img {
width: 100%;
height: 100%;
top: 0;
position: relative;
left: 0;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;
}
.image01 .ovrly {
background: rgba(0, 0, 0, 0.5);
height: 100%;
left: 0;
top: 0;
position: absolute;
width: 100%;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.image01 .buttons {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.image01 .buttons .fa {
background: rgb(256, 256, 256);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: rgba(50, 50, 50, 0.9);
display: inline-block;
margin: 0 1px;
line-height: 40px;
font-size: 16px;
text-align: center;
text-decoration: none;
width: 40px;
height: 40px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
}
.image01:hover img {
 
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.image01:hover .ovrly {
opacity: 1;
}
.image01:hover .buttons .fa {
opacity: 1;
}
.image01 .title {
width: 100%;
height: 35px;
background: rgba(0,0,0,.5);
color: #fff;
position: absolute;
bottom: 0;
text-align: center;
line-height: 35px;
font-size: 14px;
}
.image01 .buttons{font-size: 14px;color: #fff;display: none;}
.image01:hover .buttons{display: block;}
.image01:hover .title{display: none;}
.image01 .buttons i{
width: 55px;
height: 55px;
display: inline-block;
text-align: center;
line-height: 54px;
border-radius: 30px;
font-size: 24px;
border: 1px solid #fff;
transition: all 0.6s ease 0s;
-o-transition: all 0.6s ease 0s;
-moz-transition: all 0.6s ease 0s;
-webkit-transition: all 0.6s ease 0s;
cursor: pointer;
margin-top: 5px
}
.image01 .buttons p{font-size: 18px;font-weight: bold;}
.image01 .buttons i:hover{
background: #f05753;
border-color:#f05753;
}
.tc{text-align: center;}
/*案例展示结束*/

/*布局*/
.waist_line {
    width: 100%;
    height: 460px;
    background: url(../images/index/index_12.png) fixed no-repeat;
    background-size: cover;
    background-position: center center;
    margin-top: 40px;
    max-width: 1920px;
} 
.waist_line h2 {
    font-size: 42px;
    color: #fff;
    padding-top: 80px;
    line-height: 80px;
}
.waist_line .index_button {
    width: 700px;
    margin: 0 auto;
    margin-top: 40px;
}
.waist_line a {
    float: left;
    margin-left: 65px;
    width: 218px;
    background: #3eccea;
    height: 66px;
    margin-right: 65px;
    text-align: center;
    line-height: 66px;
    font-size: 28px;
    color: #fff;
    transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
}
.waist_line  a:hover{
background: #f60;
color: #fff;
}


/*我们可以做的更好*/
.do_well{margin-top: 30px;}
.do_well .col-sm-3{
text-align: center;
cursor: pointer;
}
.do_well .col-sm-3 div{ position: relative;}
.do_well .col-sm-3 div img{display: inline-block;}
.do_well .col-sm-3 img.img2 {
position: absolute;
top: 0;
left: 0;
right: 0;
margin:0 auto
}

.do_well .col-sm-3 img.img1{
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.do_well .col-sm-3:hover img.img1{
-webkit-transform:rotateY(180deg);
-moz-transform:rotateY(180deg);
}
.do_well .col-sm-3 img.img2{
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
}
.do_well .col-sm-3:hover img.img2{
-webkit-transform:rotateX(0deg) rotateY(0deg);
-moz-transform:rotateX(0deg) rotate(0deg);
}
.do_well .col-sm-3 p{margin-top: 15px}
.do_well .col-sm-3 p.p1{color: #f05753}
.do_well .col-sm-3 p.p2{color: #e35be3}
.do_well .col-sm-3 p.p3{color: #49aafe}
.do_well .col-sm-3 p.p4{color: #f99e21}
.index_titlebox{text-align: center;}
.index_titlebox .index_title{font-size: 32px;position: relative;}
.index_titlebox .index_title:before {
content: '';
position: absolute;
width: 70px;
height: 4px;
background: #e35b5b;
left: 0;
right: 0;
margin: 0 auto;
bottom: -25px;
}
.index_titlebox .index_intro{font-size: 18px;color: #727272;margin:45px 0 50px 0;}
.col-sm-3 {
	width:25%
}

/*我们可以做的更好end*/