﻿@media only screen and (max-width: 768px){
.list{float:left;width:100%;max-height:500px;margin:20px 0% 0 0;overflow:auto;}
.list li{float:left;width:94%;max-height:60px;line-height:30px;margin:20px 3%;border-bottom:1px solid #e8e8e8;padding-bottom:20px;overflow : hidden;}
.list li .k1{float:left;width:20%;height:60px;color:#666;background-image: linear-gradient(to right, #fff , #eee);border-radius:30px;padding:10px 2% 0px 0;font-size:12px;margin:0 20px 0 0;line-height:20px}
.list li a{color:#000;font-size:16px;line-height:30px;height:60px;overflow : hidden;}
.list li a b{float:left;}
.list li a:hover{color:#f00}
.Mid4-vid{width:100%;margin:0 0%;overflow : hidden;}
.Mid4-vid dd{width:100%;overflow : hidden;}
.list-yx{float:left;margin:10px 0;width:100%;}
.list-yx h2 a{float:left;border-bottom:1px solid #ddd;width:100%;height:40px;}
.list-yx h2 a p{border-bottom:2px solid #bd1a2d;float:left;padding:0 0px;font-size:22px;line-height:40px;color:#000}
.list-yx h2 span{float:right;font-size:16px;font-weight:500;line-height:50px;color:#bd1a2d}
.list-yx h2 a p:hover{color:#bd1a2d}
.list-yx ul{float:left;margin:10px 0}
.list-yx ul li{background:#eee; float:left;width:40%;height:auto;margin:10px 1% 1% 1%;overflow : hidden;border-top:0px solid #ddd;border-radius:50px; padding:0px 4%}
.list-yx ul li.ttimg{float:left;width: 100%;height:40px;margin:0 0% 0px 0;overflow :hidden; }
.list-yx ul li img{border-radius:25%;margin:0 auto;width:100%;min-height:40px; }
.list-yx ul li h3{border-radius:25%;width:100%;float:left;height:px;}
.list-yx ul li h3 p{font-size: 14px;text-align:center;height:40px;line-height:40px;color:#333;overflow : hidden;margin:5px 0;font-weight:700;}
.list-yx ul li h3 dd{width:100%; font-size: 12px;text-align:center;font-weight:500;height:40px;line-height:20px;overflow : hidden;margin-bottom:10px;color:#999}
.list-yx ul img:hover{background:#bd1a2d;width:100%;transition-duration: .5s;transition-timing-function: linear;}
.list-yx ul li  span{float:left;width:100%;overflow : hidden;}
.list-yx ul li  h3 span a{float:left;font-size: 12px;width:100%;background:#1890cf;padding:5px 0px;text-align:center;color: #fff;overflow : hidden;}
.list-yx ul li h3 span a:hover{background:#bd1a2d;color:#fff;}
.list-yx ul li  span{line-height:15px;float:left;width:100%;overflow : hidden;}
.list-yx ul li  span  p{display:none}
.list-yx ul li i{display: block;float: left;width: 7px;height: 7px;background:#e6e6e6;border-radius: 50%;margin:13px 10px 0 0px;}
.list-yx li:hover i{background:#bd1a2d;}
.list-yx li:hover a,.list-yx li:hover span{color:#bd1a2d;}
.list-yx .zt1 .ttimg {float:left;width:100%;height:120px;overflow : hidden;}
.list-yx .zt1 .ttimg img{border-radius:0%;width:100%;min-height:120px}
.zt-top{background:#000;float:left;width:100%;margin:0 0%;overflow : hidden;}
.zt-img{float:left;height:180px;width:100%;background:#f8f8f8;margin:0px;overflow : hidden;}
.zt-top img{min-height:200px;width:100%;max-width: 100%;display: block; margin:0px auto; }
.zt-right{display:none;background:#000;height:30px;float:left;width:96%;overflow : hidden;padding:0 0 0px 0;margin:-100px 2% 0px 2%;color:#fff;}
.zt-right h1{font-size:14px;line-height:30px;text-align:center;overflow : hidden;}
.zt-text{display:none;}
}
@media only screen and (min-width: 768px) { 
.list{float:left;width:100%;max-height:500px;margin:20px 0% 0 0;overflow:auto;}
.list li{float:left;width:90%;max-height:120px;margin:20px 0%;border-bottom:1px solid #e8e8e8;padding-bottom:20px;}
.list li .k1{float:left;color:#666;background-image: linear-gradient(to right, #fff , #eee);border-radius:180px;padding:0 10px 0 0;font-size:14px;margin:0 20px 0 0;line-height:25px}
.list li a{float:left;color:#000;font-size:18px;line-height:25px}
.list li a b{margin:0 20px 0 0}
.list li a:hover{color:#f00}
.Mid4-vid{width:1200px;overflow : hidden;}
.Mid4-vid dd{width:1400px;overflow : hidden;}
.list-yx{float:left;margin:20px 0;width:1200px;}
.list-yx h2 a{float:left;border-bottom:1px solid #ddd;width:580px;height:40px;}
.list-yx h2 a p{border-bottom:2px solid #bd1a2d;float:left;padding:0 0px;font-size:22px;line-height:40px;color:#000}
.list-yx h2 span{float:right;font-size:16px;font-weight:500;line-height:50px;color:#bd1a2d}
.list-yx h2 a p:hover{color:#bd1a2d}
.list-yx ul{float:left;margin:10px 0}
.list-yx ul li{background:#f8f8f8; float:left;width:23%;border-radius:25%;height:auto;margin:0px 1% 20px 1%;overflow : hidden;border-top:4px solid #eee; padding:0px 0}
.list-yx ul li:hover{background:#eee; border-top:4px solid #bd1a2d;}
.list-yx ul li.ttimg{float:left;width: 100%;height:40px;margin:0 0% 0px 0;overflow :hidden; }
.list-yx ul li img{border-radius:25%;margin:0 auto;width:100%;min-height:40px; }
.list-yx ul li h3{width:100%;float:left;height:px;}
.list-yx ul li h3 p{font-size: 14px;text-align:center;height:40px;line-height:40px;color:#333;overflow : hidden;margin:5px 0;}
.list-yx ul li h3 dd{display:none;text-indent: 2em;width:100%; font-size: 12px;text-align:center;font-weight:500;height:40px;line-height:20px;overflow : hidden;margin-bottom:10px;color:#999}
.list-yx ul img:hover{background:#bd1a2d;width:100%;transition-duration: .5s;transition-timing-function: linear;}
.list-yx ul li  span{display:none;line-height:15px;width:80%;overflow : hidden;text-align:center;}
.list-yx ul h3 span a{border-radius:8px;float:left;font-size: 14px;width:60%;font-weight:500;background:#bd1a2d;height:35px;line-height:35px;text-align:center;color: #fff;overflow : hidden;margin:0 20%}
.list-yx ul h3 span a:hover{background:#000;color:#fff;}

.list-yx ul li  span{line-height:15px;float:left;width:100%;overflow : hidden;}
.list-yx ul li  span  p{display:none;text-align:left;line-height:20px;width:150px;float:left;color: #000;font-weight:500; font-size: 12px;height:20px;overflow : hidden;}

.list-yx ul li i{display: block;float: left;width: 7px;height: 7px;background:#e6e6e6;border-radius: 50%;margin:13px 10px 0 0px;}

.zt-top{float:left;height:242px;width:100%;overflow : hidden;}
.zt-img{float:left;height:260px;border-radius:18px;background:#eee;width:380px;margin:0px;overflow : hidden;}
.zt-top img{min-height:250px;width:100%;}

.zt-right{background: url(../images/polyh.png);float:right;height:242px;width:800px;overflow : hidden;margin:0px 0px;color:#000}
.zt-right h1{font-size:26px;float:left;max-height:60px;width:400px;margin:0 0 0 30px;line-height:60px;overflow : hidden;}
.zt-text{float:left;max-height:180px;line-height:35px;width:78%;margin:0 10% 0 6%;overflow : hidden;}
.zt-text span{text-indent:2em;float:left;height:105px;width:100%;line-height:35px;margin-bottom:10px;overflow : hidden;}
.zt-text a:hover{color:#000}
.zt-text dd a{color:#bd1a2d;margin:0 0 0 58%;font-size:18px;font-weight:700}
.zt-text p{font-size:14px;color:#666}
}
@media screen and (max-width: 768px) {
    .home-replay-box {
        width: auto;
        margin: 12px 10px 0;
        padding: 12px 14px;
        border-radius: 8px;
        overflow: hidden;
    }

    .home-replay-list {
        margin: 0;
        padding: 0;
    }

    .home-replay-list li {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        line-height: normal !important;
        padding: 0 !important;
        margin: 0;
        border-bottom: 1px solid #edf1f7;
    }

    .home-replay-list li:last-child {
        border-bottom: none;
    }

    .home-replay-list li a {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 38px;
        padding: 8px 0;
        font-size: 14px;
        line-height: 22px;
        color: #263142;
        box-sizing: border-box;
        overflow: hidden;
    }

    .home-replay-list li em {
        width: 5px;
        height: 5px;
        margin-right: 8px;
        flex: 0 0 auto;
    }

    .home-replay-list li p {
        flex: 1;
        min-width: 0;
        margin: 0;
        padding: 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .home-replay-list li span {
        width: 44px;
        margin-left: 8px;
        font-size: 12px;
        color: #8d98aa;
        text-align: right;
        flex: 0 0 auto;
    }

    .home-link-wrap {
        width: auto;
        margin: 0 10px 15px;
        padding: 14px;
        border-radius: 0 0 8px 8px;
        overflow: hidden;
    }

    .home-link-title {
        margin-bottom: 10px;
        font-size: 15px;
    }

    .home-link-list a {
        margin: 0 14px 10px 0;
        font-size: 13px;
        line-height: 22px;
    }
}
.home-replay-box {
    width: 1200px;
    margin: 18px auto 0;
    padding: 28px 36px;
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(31, 45, 61, .08);
    box-sizing: border-box;
}

.home-replay-list {
    margin: 0;
    padding: 0;
}

.home-replay-list li {
    float: left;
    width: 50%;
    height: 42px;
    line-height: 42px;
    list-style: none;
    box-sizing: border-box;
}

.home-replay-list li:nth-child(odd) {
    padding-right: 36px;
}

.home-replay-list li:nth-child(even) {
    padding-left: 36px;
}

.home-replay-list li a {
    display: flex;
    align-items: center;
    width: 100%;
    color: #263142;
    font-size: 16px;
    text-decoration: none;
    overflow: hidden;
}

.home-replay-list li a:hover {
    color: #1f7ae0;
}

.home-replay-list li em {
    width: 5px;
    height: 5px;
    margin-right: 16px;
    background: #1f7ae0;
    border-radius: 50%;
    flex: 0 0 auto;
}

.home-replay-list li p {
    margin: 0;
    padding: 0;
    flex: 1;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-replay-list li span {
    margin-left: 18px;
    color: #8d98aa;
    font-size: 14px;
    flex: 0 0 auto;
}

.home-link-wrap {
    width: 1200px;
    margin: 0 auto 20px;
    padding: 18px 28px;
    background: #f7fbff;
    border: 1px solid #edf1f7;
    border-top: none;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 8px 28px rgba(31, 45, 61, .06);
    box-sizing: border-box;
}

.home-link-title {
    margin-bottom: 12px;
    color: #1f7ae0;
    font-size: 17px;
    font-weight: 500;
}

.home-link-title span:before {
    content: "🔗";
    margin-right: 8px;
    font-size: 16px;
}

.home-link-list {
    font-size: 0;
}

.home-link-list a {
    display: inline-block;
    margin: 0 18px 10px 0;
    color: #526071;
    font-size: 14px;
    text-decoration: none;
}

.home-link-list a:hover {
    color: #1f7ae0;
}

@media screen and (max-width: 768px) {
    .home-replay-box,
    .home-link-wrap {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
        padding: 16px;
        border-radius: 10px;
    }

    .home-replay-list li {
        float: none;
        width: 100%;
        height: 38px;
        line-height: 38px;
        padding: 0 !important;
    }

    .home-replay-list li a {
        font-size: 14px;
    }

    .home-replay-list li span {
        font-size: 12px;
        margin-left: 10px;
    }
}