/**组件样式*/
.list_box_06 .li01 .jia:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #b8cad8;
    top: 23px;
    right: -33px;
    transform: rotate(45deg);}
.list_box_06 .li01 .jia:hover{opacity:0.5;}
@keyframes spin {
 from{
   transform:rotate(0deg);}
 to{
   transform:rotate(360deg);
   transition:all 10s;}
}
@-webkit-keyframes spin {
 from{
   transform:rotate(0deg);}
 to{
   transform:rotate(360deg);
   transition:all 10s;}
}
div#li01b{
    position:relative;}
div#li01b:before {
    content: "";
    background: #e6f1f9;
    position: absolute;
    top: 0;
    width: 107%;
    height: 107%;
    z-index:0;
    margin: -1.5% -3.5%;
    border-radius: 10% 50%;
    display:none;}

#li01b{background: #f8fbff;border-bottom-left-radius: 0.625rem;}
#li01b:hover{background: none;}


.list_box_06 .li02 .jia:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #e1af9f;
    top: 23px;
    right: -33px;
    transform: rotate(45deg);}
.list_box_06 .li02 .jia:hover{opacity:0.5;}
div#li02b{
    position:relative;}
div#li02b:before {
    content: "";
    background: #e6f1f9;
    position: absolute;
    top: 0;
    width: 107%;
    height: 107%;
    z-index:0;
    margin: -1.5% -3.5%;
    border-radius: 10% 50%;
    display:none;}

#li02b{background: #fff8f6;}
#li02b:hover{background: none;}

.list_box_06 .li03 .jia:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 60px;
    z-index: -1;
    background: #cecec2;
    top: 23px;
    right: -33px;
    transform: rotate(45deg);}
.list_box_06 .li03 .jia:hover{opacity:0.5;}
div#li03b{
    position:relative;}
div#li03b:before {
    content: "";
    background: #e6f1f9;
    position: absolute;
    top: 0;
    width: 107%;
    height: 107%;
    z-index:0;
    margin: -1.5% -3.5%;
    border-radius: 10% 50%;
    display:none;}

#li03b{background: #fbfbf9;}
#li03b:hover{background: none;}

.dhxg{position: relative;border-bottom: none !important;}
.dhxg::before {
      content: "";
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    right: auto;
    bottom: 0;
    background: #4052b4;
    left: 50%;}
    .dhxg::after {content: "";
    display: block;
    width: 50%;
    height: 1px;
    position: absolute;
    bottom: 0;
    background: #4052b4;
    right: 50%;}
    
    .dhxg:hover::before{
    animation: dblj_li 1s;
    -webkit-animation: dblj_li 1s;
    animation-fill-mode: forwards;
        color: #e4820f;}
    .dhxg:hover::after{
    animation: dblj_li 1s;
    -webkit-animation: dblj_li 1s;
    animation-fill-mode: forwards;
        color: #e4820f;}

@keyframes dblj_li
{
    0%   {width: 50%;}
    50%  {width: 0;}
    100% {width: 50%;}
}
@-webkit-keyframes dblj_li /* Safari 与 Chrome */
{
    0%   {width: 50%;}
    50%  {width: 0;}
    100% {width: 50%;}
}