.hd-links .v1{font-size:16px;}
.ul-nav .v1.ul-nav .v1{font-size:20px;}
.ul-tit-b1 a{margin-bottom:1px;}
.ej-li{text-indent: 20px;
    background-color: #8e9a9b!important;}
.ej-li:hover {
    background-color: #646464 !important;}

.b-tit h3 {
    width: 168px;}
.xrld{height:auto;overflow:hidden;}
.xrld ul{ padding:50px 0;   height: AUTO;
    overflow: HIDDEN;}

.xrld li {
    float: left;
    width: 25%;
        margin-bottom: 40px;}

.xrld li .pic{overflow: hidden;
    width: 80%;
    margin: 0 auto;}
    .xrld li img {
    width: 100%;
    display: block;
    margin: 0 auto;}
 .xrld li p{text-align: center;
    font-size: 18px;
    margin: 5% 0;}
.xrld li span{  margin: 0 2% ;}
 .xrld li:hover span{color: #007d7d;}
.xrld li:hover img {
    transform: scale(1.1);
    transition-duration: 0.5s;}    @media only screen and (max-width: 900px) {
.xrld ul{ padding:25px 0;}
        .xrld li {
            float: left;
            width: 25%;}

        .xrld li p {
            text-align: center;
            font-size: 16px;
            margin: 5% 0;}
    }

    @media only screen and (max-width: 600px) {
        .xrld li {
            
            width: 50% !important;
            margin:0 0 20px 0 !important;}
 .xrld li .pic{
     width:90% !important;}
        .xrld li p {
            text-align: center;
            font-size: 14px;
            margin: 5% 0;}
    }

    @media only screen and (max-width: 480px) {
        .xrld li {
            float: none !important;
            width: 100% !important;}

        .xrld li p {
            text-align: center;
            font-size: 16px;
            margin: 5% 0;}
    }