.container {
    width           : 100%;
    height          : auto;
    background-color: rgb(250, 249, 248);
}

header {
    width           : 100%;
    height          : 166px;
    background-color: rgb(253, 102, 40);
}

.ba_top {
    width        : 100%;
    height       : 114px;
    border-bottom: 1px solid rgb(255, 139, 91);
}

.ba_content1 {
    display        : flex;
    justify-content: space-between;
    align-items    : center;
    width          : 1200px;
    height         : 100%;
}

.ba_logo {
    width       : 520px;
    height      : 88px;
    margin-right: 14px;
    background  : url(../img/1.png) center no-repeat;
}

.ba_h {
    width         : 156px;
    height        : 24px;
    font-size     : 24px;
    line-height   : 24px;
    letter-spacing: 2px;
    color         : #ffffff;
    margin-right  : 222px;
}

.ba_text {
    width         : 65px;
    height        : 16px;
    font-size     : 16px;
    line-height   : 16px;
    letter-spacing: 0px;
    color         : #ffffff;
    margin-right  : 20px;
}

/* .search {
    display        : flex;
    justify-content: space-between;
    width          : 200px;
    height         : 30px;
    border-radius  : 12px;
    border         : 1px solid rgb(253, 102, 40);
}

.search2 {
    width        : 168px;
    height       : 30px;
    padding-left : 15px;
    border-radius: 12px;
}

.h_line {
    width     : 24px;
    height    : 20px;
    background: url(../img/2.png) center no-repeat #ffffff;
} */

/* 导航 */
.hc_search {
    display         : flex;
    width           : 200px;
    height          : 30px;
    background-color: #ffffff;
    border-radius   : 19px;
    border          : solid 1px #db0a17;
    overflow        : hidden;
}

.hc_search>input {
    width      : 168px;
    height     : 100%;
    text-indent: 1em;
    border     : none;
    outline    : none;
}

.h_line {
    position: relative;
    width   : 1px;
    height  : 100%;
}


.h_line>span {
    position        : absolute;
    top             : 50%;
    transform       : translateY(-50%);
    display         : block;
    width           : 1px;
    height          : 20px;
    background-color: rgb(153, 153, 153);
}

.hc_search>a {
    width     : 15px;
    height    : 15px;
    margin    : 7px 7px;
    background: url(../img/3.png) center no-repeat;
}

.ba_bottom {
    width     : 100%;
    height    : 50px;
    border-top: 1px solid rgb(253, 80, 9);
}

/* 导航栏 */
.nav {
    width         : 1200px;
    height        : 50px;
    font-size     : 18px;
    line-height   : 50px;
    letter-spacing: 2px;
    color         : #ffffff;
}

#navBox {
    display        : flex;
    justify-content: space-between;
}

.mulu li {
    flex      : 1;
    text-align: center;
}

/* 2.banner */

.banner {
    position: relative;
    top     : -2px;
    width   : 100%;
    height  : 500px;
}

.banner_list {
    position: relative;
    top     : -1px;
    width   : 100%;
    height  : 300px;
}

/* 3.新闻动态 */

.news_dynamic {
    width           : 1200px;
    /* height       : 461px; */
    margin-top      : 37px;
    margin-bottom   : 47px;
}

.nd3_title {
    display        : flex;
    justify-content: space-between;
    width          : 100%;
    height         : 37px;
    border-bottom  : 1px solid #cd2e2a;
}

.nd3_left {
    width         : 124px;
    height        : 23px;
    font-size     : 22px;
    line-height   : 23px;
    letter-spacing: 2px;
    color         : #fd6628;
}

.nd3_left::before {
    content     : '';
    display     : inline-block;
    width       : 24px;
    height      : 18px;
    background  : url(../img/4.png) center no-repeat;
    margin-right: 4px;
}

.nd3_right {
    width           : 102px;
    height          : 27px;
    border          : 1px solid #fd6628;
    color           : #fd6628;
    border-radius   : 12px;
    background-color: #fff;
}

.nd3_content {
    display           : flex;
    justify-content   : space-between;
    width             : 100%;
    /* height         : 424px; */
    padding           : 17px 10px 0 10px;
}

.nd3_new1 {
    width        : 380px;
    /* height    : 388px; */
    overflow     : hidden;
    transition   : all .3s;
    box-shadow   : 0px 0px 8px 0px rgba(1, 54, 68, 0.1);
}

.nd3_new1:hover {
    box-shadow: 0px 0px 8px 0px rgba(1, 54, 68, 0.3);
}

.nd3_new1:hover .nd3_text {
    color: #fd6628;
}

.nd3_new1:hover .nd3_time {
    background-color: #fd6628;
    color           : #fff;
}

.nd3_img {
    width : 364px;
    height: 247px;
    margin: 8px 8px 13px 8px;
}

.nd3_text {
    width         : 314px;
    height        : 16px;
    font-size     : 16px;
    line-height   : 16px;
    letter-spacing: 1px;
    color         : #000000;
    margin-left   : 13px;
    margin-bottom : 10px;
}

.nd3_p {
    width         : 352px;
    height        : 51px;
    font-size     : 14px;
    line-height   : 17px;
    letter-spacing: 1px;
    color         : #323232;
    margin-left   : 13px;
    text-align    : justify;
}

.nd3_time {
    width           : 380px;
    height          : 16px;
    background-color: #ecd2be;
    text-align      : center;

    font-size     : 12px;
    line-height   : 16px;
    letter-spacing: 1px;
    color         : #013644;

    margin-top: 29px;
}

/* 4.专业设置 */
.professional_setting {
    width        : 100%;
    height       : 413px;
    background   : url(../img/6.png) center no-repeat;
    overflow     : hidden;
    margin-bottom: 52px;
}

.ps4_box1 {
    display        : flex;
    justify-content: space-between;
    width          : 1200px;
    height         : 253px;
    margin         : 80px auto;
}

.ps4_left {
    width       : 152px;
    height      : 100%;
    margin-right: 20px;
}

.ps4_title {
    width         : 96px;
    height        : 22px;
    font-size     : 22px;
    line-height   : 22px;
    letter-spacing: 2px;
    color         : #ffffff;
    margin-bottom : 14px;
}

.ps4_border {
    width           : 52px;
    height          : 3px;
    background-color: #fd6628;
    margin-bottom   : 35px;
}

.ps4_p1 {
    width         : 108px;
    height        : 17px;
    font-size     : 16px;
    line-height   : 16px;
    letter-spacing: 2px;
    color         : #ffffff;
    margin-bottom : 13px;
}

.ps4_p2 {
    width         : 152px;
    height        : 28px;
    font-size     : 14px;
    line-height   : 18px;
    letter-spacing: 1px;
    color         : #969696;
    margin-bottom : 105px;
}

.ps4_more {
    width         : 47px;
    height        : 16px;
    font-size     : 16px;
    line-height   : 16px;
    letter-spacing: 1px;
    color         : #ffffff;
}

.ps4_right {
    display        : flex;
    justify-content: space-between;
    width          : 1004px;
    height         : 100%;
}

.ps4_content {
    width : 326px;
    height: 100%;
}

.ps4_content:hover .ps4_img {
    transform: scale(1.05);
}

.ps4_img {
    width             : 100%;
    height            : 221px;
    /* background-size: contain !important; */
    margin-bottom     : 17px;

}

.ps4_h {
    width         : auto;
    height        : 16px;
    font-size     : 16px;
    line-height   : 16px;
    letter-spacing: 1px;
    color         : #ffffff;
    text-align    : center;
}

/* 5. 通知 */
.announcement {
    display        : flex;
    justify-content: space-between;
    width          : 1200px;
    height         : 323px;
    margin-bottom  : 45px;
}

.announcement>div {
    width : 580px;
    height: 100%;
}

.nn5_title {
    width        : 580px;
    height       : 34px;
    border-bottom: 1px solid #fd6628;
    margin-bottom: 29px;
}

.nn5_left {
    float         : left;
    width         : 97px;
    height        : 22px;
    font-size     : 22px;
    font-weight   : bold;
    font-stretch  : normal;
    line-height   : 20px;
    letter-spacing: 2px;
    color         : #fd6628;
}

.nn5_right {
    float         : right;
    width         : 55px;
    height        : 15px;
    font-size     : 14px;
    line-height   : 20px;
    letter-spacing: 1px;
    color         : #fd6628;
}

.nn5_info {
    display      : flex;
    flex-wrap    : wrap;
    align-content: space-between;
    width        : 100%;
    height       : 262px;
}

.nn5_content1 {
    display: flex;
    width  : 100%;
    height : 64px;
}

.nn5_content1:hover .nn5_right1 {
    color     : #f96625;
    box-shadow: 0px 0px 5px 0px rgba(1, 54, 68, 0.3);
}

.nn5_content1:hover .nn5_left1 {
    background-color: #fd6628;
}

.nn5_content1:hover .nn5_time1 {
    color: #fff;
}

.nn5_left1 {
    display         : flex;
    justify-content : center;
    align-items     : center;
    flex-wrap       : wrap;
    width           : 70px;
    height          : 64px;
    background-color: #ecd2be;
    transition      : all .3s;
}

.nn5_right1 {
    width     : 510px;
    height    : 64px;
    padding-left: 20px;
    box-shadow: 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    display: flex;
    align-items: center;
    font-size     : 16px;
    line-height   : 24px;
    letter-spacing: 1px;
    color         : #323232;
    transition    : all .3s;
}

.nn5_right1>div {
    width     : 470px;
    text-align: justify;
}

.nn5_time1 {
    font-size     : 14px;
    letter-spacing: 0px;
    color         : #fd6628;
    text-align    : center;
    transition    : all .3s;
}

.nn5_time1>span {
    font-size: 24px;
}

.box2 {
    width           : 100%;
    height          : 7px;
    background-color: #fd6628;
    opacity         : 0.5;
}

/* 6. 底部 */

footer {
    width     : 100%;
    height    : 326px;
    background: url(../img/8.jpg) center no-repeat;
    overflow  : hidden;
}

.fo6_content {
    display: flex;
    width  : 1200px;
    height : 219px;
    margin : 62px auto 45px auto;
}

.fo6_left {
    width       : 387px;
    height      : 100%;
    border-right: 2px solid #ffffff;
}

.dl_1 {
    /* width: 274px; */
    height        : 53px;
    font-size     : 17px;
    line-height   : 36px;
    letter-spacing: 0px;
    color         : #ffffff;
    margin-bottom : 26px;
}

.dd_2>span {
    opacity: 0;
}

.dl_2 {
    height        : 18px;
    font-size     : 17px;
    letter-spacing: 0px;
    color         : #ffffff;
}

.dl_2 dd {
    margin-bottom: 31px;
}

.fo6_center {
    width       : 469px;
    height      : 100%;
    padding     : 5px 0 0 37px;
    border-right: 2px solid #ffffff;
}

.fo6_img {
    width     : 354px;
    height    : 170px;
    background: url(../img/9.png) center/cover no-repeat;
	background-size: contain;
}

.fo6_right {
    width  : 345px;
    height : 100%;
    padding: 54px 0 0 62px;
}

.fo6_dl1 {
    display        : flex;
    justify-content: space-between;
    width          : 283px;
    height         : 93px;
}

.fo6_dd_img {
    position     : relative;
    width        : 67px;
    height       : 67px;
    margin-bottom: 8px;
    transition   : all .3s;
}

.fo6_dd_img2 {
    position  : absolute;
    top       : -150%;
    left      : -25%;
    width     : 150%;
    height    : 150%;
    transition: all .3s;
}

.fdi_toggle {
    opacity   : 0;
    transition: all .3s;
}

.fo6_dd_img img {
    width : 100%;
    height: 100%;
}

.fo6_dd_text {
    height        : 17px;
    font-size     : 16px;
    letter-spacing: 0px;
    color         : #ffffff;
    text-align    : center;
}

/* list  */
.content3 {
    width     : 1200px;
    height    : auto;
    margin-top: 16px;
}

.co3_place {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    width           : 1200px;
    height          : 72px;
    box-shadow      : 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    border-top      : 1px solid #013644;
    padding         : 0 29px 0 26px;
    background-color: #fff;
}

.co3_dl {
    /* width    : 80px; */
    height   : 30px;
    /* margin: 21px 0 0 26px; */
}

.co3_dd1 {
    height        : 20px;
    font-size     : 18px;
    letter-spacing: 2px;
    color         : #fd6628;
    margin-bottom : 11px;
}

.co3_dd2 {
    width           : 52px;
    height          : 2px;
    background-color: #cd2e2a;
}

.co3_place_right {
    /* width         : 308px; */
    height        : 22px;
    line-height   : 22px;
    font-size     : 14px;
    letter-spacing: 0px;
    color         : #fd6628;
}

.co3_place_right::before {
    content       : '';
    display       : inline-block;
    width         : 23px;
    height        : 21px;
    background    : url(../img/10.png) center no-repeat;
    margin-right  : 9px;
    vertical-align: middle;
}

/* .co3_news {
    width     : 1200px;
    height    : auto;
    margin-top: 34px;
}

.co3_news li {
    display      : flex;
    width        : 1200px;
    height       : 157px;
    box-shadow   : 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    transition   : all .3s;
    margin-bottom: 30px;
}

.co3_news li:hover {
    box-shadow: 0px 0px 8px 0px rgba(1, 54, 68, 0.3);
}

.co3_news li:hover .co3_news_title,
.co3_news li:hover .co3_news_time {
    color: #fd6628;
} */

.co3_news {
    width     : 1200px;
    height    : auto;
    margin-top: 34px;
}

.co3_news #co3_news_ul li {
    display         : flex;
    width           : 1200px;
    height          : 157px;
    box-shadow      : 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    transition      : all .3s;
    margin-bottom   : 30px;
    background-color: #fff;
}

.co3_news #co3_news_ul li:hover {
    box-shadow: 0px 0px 8px 0px rgba(1, 54, 68, 0.3);
}
.co3_news #co3_news_ul li:hover .co3_news_time span{
    background-color: #cd2e2a;
}

.co3_news #co3_news_ul li:hover .co3_news_title,
.co3_news #co3_news_ul li:hover .co3_news_time {
    color: #fd6628;
}

.co3_news_left {
    width     : 264px;
    height    : 157px;
    background: center/cover no-repeat;
}

.co3_news_right {
    padding: 19px 0 0 30px;
}

.co3_news_title {
    width         : 524px;
    height        : 19px;
    font-size     : 18px;
    line-height   : 19px;
    letter-spacing: 1px;
    color         : #323232;
    margin-bottom : 18px;
}

.co3_news_Describe {
    width         : 867px;
    height        : 44px;
    font-size     : 14px;
    line-height   : 24px;
    letter-spacing: 1px;
    color         : #313131;
    margin-bottom : 28px;
}

.co3_news_time {
    display        : flex;
    justify-content: space-between;
    width          : auto;
    height         : 12px;
    font-size      : 14px;
    line-height    : 12px;
    letter-spacing : 0px;
    color          : #323232;
}

.co3_news_time>span {
    width           : 369px;
    height          : 1px;
    background-color: #c8c8c8;
    margin          : auto 0;
}

/* 师资 */

.co3_news_content {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
    align-content  : space-between;
    width          : 1200px;
    height         : 873px;
    padding        : 0 30px;
    margin-bottom  : 54px;
}

.teachers {
    display   : flex;
    width     : 550px;
    height    : 264px;
    box-shadow: 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    padding   : 9px;
    background: url(../img/13.png) center no-repeat;
}

.te_img {
    width       : 181px;
    height      : 246px;
    border      : solid 1px #ffe4ce;
    padding     : 8px;
    margin-right: 17px;
}

.te_img>img {
    width : 100%;
    height: 100%;
}

.te_introduction {
    width  : 308px;
    height : 100%;
    padding: 35px 0 21px 0;
}

.te_border {
    width           : 71px;
    height          : 2px;
    background-color: #c8c8c8;
    margin-bottom   : 14px;
}

.te_dl1 {
    height        : 20px;
    font-size     : 20px;
    line-height   : 20px;
    letter-spacing: 4px;
    margin-bottom : 16px;
}

.te_dl2 {
    height        : 40px;
    font-size     : 16px;
    line-height   : 24px;
    letter-spacing: 1px;

    margin-bottom: 32px;
}

.te_dl3 {
    height        : 67px;
    font-size     : 14px;
    line-height   : 24px;
    letter-spacing: 1px;
    color         : #000000;
}

.teachers,
.te_dl1,
.te_dl2 {
    transition: all .3s;
}

.teachers:hover .te_dl1,
.teachers:hover .te_dl2 {
    color: #fd6628;
}

.teachers:hover .te_border{
    background-color: #fd6628;
}
.teachers:hover {
    box-shadow: 0px 0px 8px 0px rgba(1, 54, 68, 0.3);
}

/* 4.实训基地 */

.training_base {
    width        : 1200px;
    height       : 746px;
    margin-bottom: 38px;
}

.tb_top {
    width        : 881px;
    height       : 560px;
    box-shadow   : 0px 0px 5px 0px rgba(1, 54, 68, 0.3);
    padding      : 17px;
    margin-bottom: 30px;
}

.tb_top_img {
    width        : 100%;
    height       : 100%;
    /* background: url(../img/14.png) center no-repeat; */
}

.tb_bottom {
    width     : 1200px;
    height    : 156px;
    box-shadow: 0px 0px 5px 0px rgba(1, 54, 68, 0.3);
    padding   : 12px 129px;
    overflow  : hidden;
    position  : relative;
}

.tb_bottom>ul {
    display        : flex;
    justify-content: space-between;
    overflow       : hidden;
}

.tb_bottom>ul li {
    /* width : 212px !important; */
    height: 132px;
}

.swiper-slide {
    /* width     : 100%;
    height    : 100%; */
    background: center/cover no-repeat;
}

.test {
    opacity: 0.5;
}

.swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-button-next,
.swiper-button-prev {
    height         : auto;
    justify-content: left;
    font-size      : 50px;
    font-weight    : 200;
    color          : #013644;
    transform      : translateY(-20%);
}

.tb_bottom button {
    background-color: transparent !important;
}

.swiper-button-prev {
    left     : 40px;
    transform: translateY(-20%) rotate(180deg);
}

.swiper-button-next {
    right: 40px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: '';
}

.swiper-button-prev:focus,
.swiper-button-next:focus {
    outline: none;
}

/* 5. img_text5 */
.img_text {
    width           : 1140px;
    /* height       : 1036px; */
    margin-bottom   : 38px;
}

.img_text>.img_text_ul {
    display        : flex;
    justify-content: space-between;
    flex-wrap      : wrap;
    align-content  : space-between;
    position: relative;

}
.img_text>.img_text_ul::after{
    content: '';
    width: 359px;
}

.img_text>.img_text_ul li {
    display         : block;
    width           : 359px;
    height          : 325px;
    box-shadow      : 0px 0px 2px 0px rgba(1, 54, 68, 0.1);
    transition      : all .3s;
    padding         : 17px;
    background-color: #fff;
    margin-bottom   : 30px!important;
}

.img_text>.img_text_ul li:nth-last-child(1),
.img_text>.img_text_ul li:nth-last-child(2),
.img_text>.img_text_ul li:nth-last-child(3) {
    margin-bottom: 0;
}

.img_text>.img_text_ul>a>li:hover {
    box-shadow: 0px 0px 8px 0px rgba(1, 54, 68, 0.3);
}

.img_text>.img_text_ul>a>li:hover .imgText_li_name,
.img_text>.img_text_ul>a>li:hover .imgText_li_arrow {
    color: #fd6628;
}

.imgText_li_img {
    width        : 324px;
    height       : 220px;
    background   : url(../img/13.png) center/cover no-repeat;
    margin-bottom: 15px;
}

.imgText_li_name {
    /* width: 189px; */
    height        : 18px;
    font-size     : 18px;
    line-height   : 18px;
    letter-spacing: 1px;
    color         : #323232;
    text-align    : center;
    margin-bottom : 21px;
}

.imgText_li_arrow {
    height        : 12px;
    font-size     : 12px;
    line-height   : 12px;
    letter-spacing: 1px;
    color         : #323232;
    text-align    : center;
}

/* 6-news_internal_page */

.news_internal_page {
    width           : 1200px;
    padding         : 0 31px 0 30px;
    background-color: #fff;
    margin-bottom   : 38px;
}

.NIP_title {
    width        : 100%;
    height       : 90px;
    border-bottom: 1px solid #eeeeee;

    font-size     : 20px;
    line-height   : 90px;
    letter-spacing: 1px;
    color         : #333333;
    text-align    : center;
    margin-bottom : 20px;
}

.NTP_time {
    display      : flex;
    width        : 200px;
    height       : 18px;
    margin-bottom: 21px;
}

.NTP_time_icon {
    width       : 18px;
    height      : 18px;
    background  : url(../img/19.png) center no-repeat;
    margin-right: 10px;
}

.NTP_time>span {
    height        : 18px;
    font-size     : 14px;
    line-height   : 19px;
    letter-spacing: 1px;
    color         : #666666;
}

.NTP_time_eyes {
    display: flex;
    width  : 56px;
    height : 100%;

    font-size     : 14px;
    line-height   : 18px;
    letter-spacing: 1px;
    color         : #666666;

    margin-left: 25px;
}

.NTP_time_eyes>dd:nth-child(1) {
    width     : 20px;
    height    : 12px;
    margin    : auto 10px auto 0;
    background: url(../img/20.png) center no-repeat;
}

.NTP_content {
    width   : 100%;
    height  : auto;
    overflow: hidden;
}

.NTP_p1 {
    font-size     : 16px;
    line-height   : 30px;
    letter-spacing: 1px;
    color         : #333333;
}

.NTP_c_img {
    /* width     : 648px; */
    /* height    : 430px; */
    max-width: 100%;
    background: url(../img/21.png) center/contain no-repeat;
    margin    : 10px auto;
}

.NTP_c_img2 {
    margin-bottom: 63px;
}

/* 7. announcement_list */

.announcement_list {
    width                 : 1200px;
    /* height             : 840px; */
    background-color      : #ffffff;
    box-shadow            : 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
    padding               : 0 30px;
    margin-bottom         : 39px;
    overflow              : hidden;
}

#al_ul {
    overflow: hidden;
}

.al_li {
    width        : 100%;
    height       : 123px;
    overflow     : hidden;
    color        : #013644;
    border-bottom: 1px dashed #dddddd;
}

#al_ul a:nth-last-child(1) .al_li {
    border-bottom: none;
}

.al_li_content {
    display        : flex;
    justify-content: left;
    width          : 100%;
    height         : 62px;
    margin         : 30px 0;
}

.al_li_left {
    width       : 68px;
    height      : 62px;
    margin-right: 20px;
}

.al_li_span1 {
    display       : block;
    width         : 40px;
    height        : 29px;
    font-size     : 36px;
    line-height   : 29px;
    letter-spacing: 2px;

    margin-bottom: 20px;

}

.al_li_span2 {
    display       : block;
    width         : 71px;
    height        : 13px;
    font-size     : 16px;
    line-height   : 13px;
    letter-spacing: 1px;
}

.al_li_center {
    width           : 1px;
    height          : 100%;
    background-color: #969696;
    margin-right    : 20px;
}

.al_li_right {
    display        : flex;
    justify-content: left;
    margin         : auto 0;
}

.al_li_icon {
    width       : 24px;
    height      : 19px;
    background  : url(../img/23.png) center no-repeat;
    margin-right: 9px;
}

.al_li_text {
    width         : 697px;
    height        : 18px;
    font-size     : 18px;
    line-height   : 18px;
    letter-spacing: 0px;
    margin-right  : 225px;
}

.al_li_more {
    font-size     : 14px;
    line-height   : 18px;
    letter-spacing: 0px;
    margin-right  : 6px;
}

.al_li_more_icon {
    position  : relative;
    top       : 3px;
    width     : 12px;
    height    : 12px;
    background: url(../img/25.png) center no-repeat;
}

.al_li:hover .al_li_text,
.al_li:hover .al_li_more,
.al_li:hover .al_li_span1,
.al_li:hover .al_li_span2 {
    color: #fd6628;
}
.al_li:hover .al_li_center {
    background-color: #e00e0e;
}

.al_li:hover .al_li_more_icon {
    background: url(../img/24.png) center no-repeat;
}

.al_li:hover .al_li_icon {
    background: url(../img/22.png) center no-repeat;
}

.al_li_text,
.al_li_more,
.al_li_span1,
.al_li_more_icon,
.al_li_icon {
    transition: all 0.3s;
}