@charset "utf-8";



:focus {

    outline: 0;

}



.right {

    float: right;

}



/*µØͼ*/

.wzdt_xt {

    float: left;

    width: 75%;

}



.wzdt_xt ul li {

    float: left;

    padding-left: 20px;

    line-height: 40px;

}



.wzdt_xt ul li a {

    font-size: 14px;

}



.sitemapz {

    line-height: 40px;

    overflow: hidden;

    border: 1px #ddd solid;

    width: 98%;

    margin: 0 auto;

    margin-bottom: 15px;

}



.sitemapy {

    width: 25%;

    float: left;

    line-height: 40px;

    border: 1px solid #0E52A7;

    color: #fff;

    background: #0E52A7;

    font-size: 16px;

    text-align: center;

}



.sitemapy h3 {

    margin: 0;

    line-height: 40px;

    height: 40px;

}



.sitemapy h3 a {

    font-size: 16px;

    color: #fff;

    line-height: 40px;

    display: block;

}



h1, h2, h3, h4, h5, h6 {

    margin: 0;

    padding: 0;

    line-height: 1;

}



.height190 {

    height: 190px;

}



/* @media (max-width:1580px) {

    .height190 {

        height: 180px;

    }



} */



@media (max-width:1439px) {

    .height190 {

        height: 123px;

    }



}



/* @media (max-width:1300px) {

    .height190 {

        height: 160px;

    }



} */



@media (max-width:991px) {

    .height190 {

        height: 93px;

    }



}



/*jiaoshiduiwu*/

.m_tea_menu {

    margin-top: -20px

}



.m_tea_menu ul {

    margin-left: -8px;

    margin-right: -8px;

}



.m_tea_menu ul li {

    float: left;

    padding: 0 8px;

    padding-bottom: 8px;

}



.m_tea_menu ul li a {

    display: inline-block;

    border: 1px solid var(--blue);

    border-radius: 30px;

    line-height: 40px;

    padding: 0 20px;

    color: var(--blue);

    font-size: 16px;

}



.m_tea_menu ul li.active a {

    background-color: var(--blue);

    color: #fff;

}



.m_tea_menu ul li a:hover {

    background-color: var(--blue);

    color: #fff;

}



.m_tea_list {

    padding-bottom: 20px;

}



.m_tea_list ul {

    margin-left: -25px;

    margin-right: -25px;

}



.m_tea_list ul li {

    width: 50%;

    float: left;

    padding: 20px 25px;

}



.m_tea_list a {

    display: flex;

    width: 100%;

}



.m_tea_list .m_tea_thumb {

    position: relative;

    width: 240px;

    overflow: hidden;

}

.m_tea_list .m_tea_thumb i {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

        background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    transition: all .4s;

}

.m_tea_list .m_tea_r {

    width: calc(100% - 240px);

    padding-left: 30px;

}



.m_tea_list .m_tea_name {

    display: inline-block;

    padding: 0 20px;

    min-width: 136px;

    text-align: center;

    background: #0E52A7;

    border-radius: 4px;

    font-weight: 700;

    font-size: 24px;

    line-height: 52px;

    color: #FFFFFF;

}



.m_tea_list .m_tea_des {

    margin-top: 25px;

    margin-bottom: 25px;

    font-weight: 400;

    font-size: 16px;

    line-height: 28px;

    color: #666666;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 5;

    -webkit-box-orient: vertical;

}



.m_tea_list .m_tea_more span {

    font-weight: 400;

    font-size: 16px;

    line-height: 24px;

    color: var(--blue);

    padding-right: 25px;

    background-image: url(/template/default/index/4105/images/m_tea_jt.svg);

    background-size: 20px 20px;

    background-position: right;

    background-repeat: no-repeat;

    transition: padding .3s;

}



.m_tea_list a:hover .m_tea_more span {

    padding-right: 27px;

}

.m_tea_list a:hover .m_tea_thumb i{

    transform: scale(1.03);

}



@media (min-width:768px) {

    .m_tea_menu ul li a {

        transition: all .3s;

    }



}



@media (max-width:1280px) {

    .m_tea_list .m_tea_name {

        font-size: 22px;

    }



}



@media (max-width:991px) {

    .m_tea_list ul li {

        width: 100%;

    }



}



@media (max-width:900px) {

    .m_tea_menu {

        margin-top: 0;

    }



}

@media (max-width:540px) {

.m_tea_list a {

    display: block;

}

.m_tea_list .m_tea_thumb {

    width: 100%;

}

.m_tea_list .m_tea_r {

    width: 100%;

    padding-left: 0;

    padding-top: 30px;

}

 .m_tea_list .m_tea_name {

        font-size: 18px;

    }

}