@charset "UTF-8";

/********************************首页修改 by ln*********************************/

.xs-index-bs .a1 span{
	background: url(../images/xs-index-bs-icon_01.png) center no-repeat;
}
.xs-index-bs .a1:hover span{
	background: url(../images/xs-index-bs-iconCur_01.png) center no-repeat;
}
.xs-index-bs .a2 span{
	background: url(../images/xs-index-bs-icon_02.png) center no-repeat;
}
.xs-index-bs .a2:hover span{
	background: url(../images/xs-index-bs-iconCur_02.png) center no-repeat;
}
.xs-index-bs .a3 span{
	background: url(../images/xs-index-bs-icon_03.png) center no-repeat;
}
.xs-index-bs .a3:hover span{
	background: url(../images/xs-index-bs-iconCur_03.png) center no-repeat;
}
.xs-index-bs .a4 span{
	background: url(../images/xs-index-bs-icon_04.png) center no-repeat;
}
.xs-index-bs .a4:hover span{
	background: url(../images/xs-index-bs-iconCur_04.png) center no-repeat;
}
.xs-index-bs .a5 span{
	background: url(../images/xs-index-bs-icon_05.png) center no-repeat;
}
.xs-index-bs .a5:hover span{
	background: url(../images/xs-index-bs-iconCur_05.png) center no-repeat;
}
.xs-index-bs .a6 span{
	background: url(../images/xs-index-bs-icon_06.png) center no-repeat;
}
.xs-index-bs .a6:hover span{
	background: url(../images/xs-index-bs-iconCur_06.png) center no-repeat;
}
.xs-index-bs .a7 span{
	background: url(../images/xs-index-bs-icon_07.png) center no-repeat;
}
.xs-index-bs .a7:hover span{
	background: url(../images/xs-index-bs-iconCur_07.png) center no-repeat;
}
.xs-index-bs .a8 span{
	background: url(../images/xs-index-bs-icon_08.png) center no-repeat;
}
.xs-index-bs .a8:hover span{
	background: url(../images/xs-index-bs-iconCur_08.png) center no-repeat;
}
.xs-index-bs .a9 span{
	background: url(../images/xs-index-bs-icon_09.png) center no-repeat;
}
.xs-index-bs .a9:hover span{
	background: url(../images/xs-index-bs-iconCur_09.png) center no-repeat;
}
.xs-index-bs .a10 span{
	background: url(../images/xs-index-bs-icon_10.png) center no-repeat;
}
.xs-index-bs .a10:hover span{
	background: url(../images/xs-index-bs-iconCur_10.png) center no-repeat;
}

/********************************办事服务修改 by ln*********************************/

@keyframes myfirst
{
    0%   {transform: rotate(10deg);}
    20%  {transform: rotate(-10deg);}
    40%  {transform: rotate(10deg);}
    60% {transform: rotate(-10deg);}
    80% {transform: rotate(10deg);}
    100% {transform: rotate(0deg);}
}

@-moz-keyframes myfirst /* Firefox */
{
    0%   {transform: rotate(10deg);}
    20%  {transform: rotate(-10deg);}
    40%  {transform: rotate(10deg);}
    60% {transform: rotate(-10deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}

@-webkit-keyframes myfirst /* Safari 和 Chrome */
{
    0%   {transform: rotate(10deg);}
    20%  {transform: rotate(-10deg);}
    40%  {transform: rotate(10deg);}
    60% {transform: rotate(-10deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}

@-o-keyframes myfirst /* Opera */
{
    0%   {transform: rotate(10deg);}
    20%  {transform: rotate(-10deg);}
    40%  {transform: rotate(10deg);}
    60% {transform: rotate(-10deg);}
    80% {transform: rotate(5deg);}
    100% {transform: rotate(0deg);}
}

.m_shake_img .a:hover .img {
    animation: myfirst 1s;
    -moz-animation: myfirst 1s;	/* Firefox */
    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */
    -o-animation: myfirst 1s;	/* Opera */
}

.xs-bsfw-wrapper {
    position: relative;
    height: 260px;
    z-index: 1;
}

.xs-bsfw-wrapper .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.xs-bsfw-pie {
    padding-right: 40px;
    text-align: right;
    line-height: 260px;
}

.xs-bsfw-pie .a {
    position: relative;
    display: inline-block;
    width: 140px;
    height: 120px;
    margin-left: 27px;
    line-height: 90px;
    text-align: center;
    vertical-align: middle;
}

.xs-bsfw-pie .a .img {
    vertical-align: middle;
}

.xs-bsfw-pie .a .tt {
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
    line-height: 1;
    font-size: 16px;
    color: #fff;
}

.xs-bsfw-pie .a:hover .tt {
    text-decoration: underline;
}

.xs-bsfw-pie .a1 {
    background: url("../images/xs-bsfw-pie-bg_01.png") no-repeat;
}

.xs-bsfw-pie .a2 {
    background: url("../images/xs-bsfw-pie-bg_02.png") no-repeat;
}

.xs-bsfw-pie .a3 {
    background: url("../images/xs-bsfw-pie-bg_03.png") no-repeat;
}

.xs-bsfw-pie .a4 {
    background: url("../images/xs-bsfw-pie-bg_04.png") no-repeat;
}

.xs-bsfw-pie .a5 {
    background: url("../images/xs-bsfw-pie-bg_05.png") no-repeat;
}

.mt-40 {
    margin-top: 40px;
}

.lz_bs_pieCx {
    padding: 17px 0 45px 10px;
}

.lz_bs_pieCx .a {
    position: relative;
    width: 260px;
    height: 164px;
    margin: 27px 0 0 27px;
}

.lz_bs_pieCx .a.bg1 {
    background: #7bc1ba;
}

.lz_bs_pieCx .a.bg2 {
    background: #77c5e5;
}

.lz_bs_pieCx .a.bg3 {
    background: #97ca7c;
}

.lz_bs_pieCx .a.bg4 {
    background: #5ca3dc;
}

.lz_bs_pieCx .a.bg5 {
    background: #77c5e5;
}

.lz_bs_pieCx .a.bg6 {
    background: #7bc1ba;
}

.lz_bs_pieCx .a.bg7 {
    background: #5ca3dc;
}

.lz_bs_pieCx .a.bg8 {
    background: #97ca7c;
}

.lz_bs_pieCx .a .top {
    padding: 49px 0 0 26px;
}

.lz_bs_pieCx .a .tt1 {
    line-height: 1;
    font-size: 18px;
    color: #fff;
}

.lz_bs_pieCx .a .tt2 {
    margin-top: 10px;
    line-height: 1;
    font-size: 14px;
    color: #fff;
}

.lz_bs_pieCx .a .btm {
    box-sizing: border-box;
    position: absolute;
    bottom: 18px;
    left: 0;
    width: 100%;
    line-height: 42px;
    padding: 0 34px 0 30px;
}

.lz_bs_pieCx .a .btm .tt1 {
    line-height: inherit;
}