.banner {
	width: 100%;
	height: 410px;
	background: url(../images/banner_about.png) no-repeat center;
	background-size: cover;
}
.banner_1 {
	width: 1000px;
	margin: 0 auto;
}
.banner_1 img {
	margin-top: 160px;
	margin-left: 250px;
}
.fix:after {
	clear: both;
	content: "";
	display: table;
}
/*top*/
/*top*/
.casetop{ width:100%; height:110px; position:relative; overflow:hidden; }

.sum_11{background: url(../images/sum_13.png) no-repeat center; height:54px; width:54px;}
.sum_11 img{padding-top: 6px;}
.sum_12{color:#666;}

.sum_21{background: url(../images/sum_12.png) no-repeat center; height:54px; width:54px;}
.sum_21 img{padding-top: 12px;}
.sum_22{color:#aace36;}

.sum_31{background: url(../images/sum_13.png) no-repeat center; height:54px; width:54px;}
.sum_31 img{    padding-top: 4px;
    padding-left: 6px;}
.sum_32{color:#666;}

.casetop .caseline{ margin-top:58px; width:100%; height:1px; background:#d2d2d2}

.casetop .casemenu{ margin:auto; height:80px; width:390px; position:relative; margin-top:-32px; z-index:886; background:#fff;}

.casetop .casemenu ul li{ width:85px; float:left; margin-left:20px; margin-right:21px; font-size:14px; }



.casetop .casemenu ul li a{ width:100%; display:block; text-align:center;line-height: 35px;}

.casetop .casemenu ul li:hover a{ color:#aace36}

.casetop .casemenu span a{ color:#aace36}



/*about骏蝶*/


.about-cont {
	width: 1000px;
	margin: 0 auto;
}
.about-title1 {
	margin-top: 40px;
	text-align: center;
}

.title-web h3 {
    font-size: 36px;
    color: #aace36;
    font-family: "microsoft yahei";
    font-weight: 300 !important;
}
.row{    margin-bottom: 60px;    margin-top: 25px;}


/*服务理念*/

.ideas{
 width: 274px;
    text-align: center;    float: left;    margin-left: 62px;    margin-bottom: 20px;

}

.col-xs-3{    width: 25%;    float: left;}

.ideas-text h4{

       margin-bottom: 15px;
    font-size: 20px;
    color: #666;

}

.ideas-text p{
 font-size: 14px;
    color: #666;

    line-height: 25px;

}

.colorone{

    width:150px;

    height:150px;

    background: #23a6d1;

    border-radius: 50%;

    line-height: 150px;

    text-align: center;

    margin: 20px auto;

}
.colorone img{
      margin-top: 40px;}

.colorone:hover{

    animation: light 1s infinite;

}

.color2{

    background: #f79b82;

}

.color2:hover{

    animation: light2 1s infinite;

}

.color3{

    background: #b57dd1;

}

.color3:hover{

    animation: light3 1s infinite;

}

.color4{

    background: #1a8fd1;

}

.color4:hover{

    animation: light4 1s infinite;

}

.color5{

    background: #fdd100;

}

.color5:hover{

    animation: light5 1s infinite;

}

.color6{

    background: #83bf56;

}

.color6:hover{

    animation: light6 1s infinite;

}

.color7{

    background: #de6806;

}

.color7:hover{

    animation: light7 1s infinite;

}

@keyframes light {

    0%{

        box-shadow: 0 0 3px #0080ca;

    }

    50%{

        box-shadow: 0 0 15px #0080ca;

    }

    100%{

        box-shadow: 0 0 3px #0080ca;

    }

}

@keyframes light2 {

    0%{

        box-shadow: 0 0 3px #f79b82;

    }

    50%{

        box-shadow: 0 0 15px #f79b82;

    }

    100%{

        box-shadow: 0 0 3px #f79b82;

    }

}

@keyframes light3 {

    0%{

        box-shadow: 0 0 3px #b57dd1;

    }

    50%{

        box-shadow: 0 0 15px #b57dd1;

    }

    100%{

        box-shadow: 0 0 3px #b57dd1;

    }

}

@keyframes light4 {

    0%{

        box-shadow: 0 0 3px #1a8fd1;

    }

    50%{

        box-shadow: 0 0 15px #1a8fd1;

    }

    100%{

        box-shadow: 0 0 3px #1a8fd1;

    }

}

@keyframes light5 {

    0%{

        box-shadow: 0 0 3px #fdd100;

    }

    50%{

        box-shadow: 0 0 15px #fdd100;

    }

    100%{

        box-shadow: 0 0 3px #fdd100;

    }

}

@keyframes light6 {

    0%{

        box-shadow: 0 0 3px #83bf56;

    }

    50%{

        box-shadow: 0 0 15px #83bf56;

    }

    100%{

        box-shadow: 0 0 3px #83bf56;

    }

}

@keyframes light7 {

    0%{

        box-shadow: 0 0 3px #de6806;

    }

    50%{

        box-shadow: 0 0 15px #de6806;

    }

    100%{

        box-shadow: 0 0 3px #de6806;

    }

}

