.homevid{
        margin: auto;
    width: 960px;
    }
    .index .sec1 .con{
            margin-top: 120px;
    margin-bottom: 80px;
        }
        @media (max-width: 960px) {
            .homevid {
    width: 90%;
}
        }
        .index .sec1 .con{display:grid}.index .sec1 .con>figure{position:relative}.index .sec1 .con>figure:before,.index .sec1 .con>figure:after{display:block;position:absolute;content:"";background:#999;border-bottom:1px solid rgba(255,255,255,0.4)}.index .sec1 .con>figure:after{left:auto}.index .sec1 .con>div{display:grid}.index .sec1 .con>div p{grid-column:1 / -1}.index .sec2 ul li{background:rgba(255,255,255,0.5)}.index .sec3 .con>div{background:rgba(34,34,34,0.7)}.index .sec3 .con>div p,.index .sec3 .con>div a{color:#fff}@media (min-width: 320px){.index h2{text-align:center}.index .header{margin-bottom:40px}.index .intro p{font-size:18px;line-height:1.4;text-align:center}.index .sec1{background:rgba(255,255,255,0.5);padding-top:15px;padding-bottom:30px;margin-bottom:50px}.index .sec1 .con{grid-template-rows:4}.index .sec1 .con>figure{grid-row:1;padding:20px 15px 15px 15px;-webkit-transform:rotate(-0.5deg);transform:rotate(-0.5deg);margin-top:-30px}.index .sec1 .con>figure:before,.index .sec1 .con>figure:after{box-shadow:0 1px 1px 0 rgba(102,102,102,0.7);top:-5px;left:35px;width:10px;height:15px}.index .sec1 .con>figure:after{left:auto;right:35px}.index .sec1 .con>figure img{-webkit-transform:rotate(0.5deg);transform:rotate(0.5deg)}.index .sec1 .con>div{grid-template-columns:1fr 1fr;grid-column-gap:15px}.index .sec1 .con>div p{padding:20px;margin:0;grid-row:1}.index .sec1 .con>div p.readMore{width:80%;margin:0 auto;margin-bottom:20px;grid-row:2}.index .sec1 .con>div p.readMore a{padding:5px}.index .sec1 .con>div figure{grid-row:3}.index .sec2{margin-bottom:70px}.index .sec2 ul{margin-bottom:20px}.index .sec2 ul li{border-bottom:1px solid #222;padding:20px 10px 30px 10px;margin-bottom:50px;position:relative}.index .sec2 ul li:last-of-type{border:none}.index .sec2 ul li header{margin-bottom:10px}.index .sec2 ul li img{margin-bottom:20px}.index .sec2 ul li p{margin-bottom:10px}.index .sec2 ul li p.publishDate{font-size:18px;margin-bottom:15px}.index .sec2 ul li p.readMore{width:40%;margin:0 auto}.index .sec2 ul li p.readMore a{padding:4px}.index .sec2 p.viewAll a{padding:7px}.index .sec3 .con header{grid-column:1 / -1}.index .sec3 .con>div{grid-column:1 / -1;padding:20px;text-align:center;display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:10px}.index .sec3 .con>div>div{grid-column:1/-1}.index .sec3 .con>div p{margin-bottom:5px;font-size:14px}.index .sec3 .con>div p:last-of-type{margin-bottom:20px}.index .sec3 .con>div>img{grid-row:1;grid-column:1 / -1;margin-bottom:15px}.index .sec3 .con>div figure{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));grid-gap:10px;background:none;box-shadow:none;padding:0}.index .sec3 .con>div figure img{display:block;box-shadow:none}}@media (min-width: 360px){.index .sec2 ul li{padding:20px 20px 30px 20px}.index .sec2 ul li img{min-width:100%}}@media (min-width: 480px){.index .sec3 .con>div{padding:30px 20px;grid-template-columns:62% 1fr;grid-row-gap:20px}.index .sec3 .con>div p{font-size:16px}.index .sec3 .con>div p:last-of-type{margin:0}.index .sec3 .con>div div{grid-column:1 / -1;grid-row:2}.index .sec3 .con>div img:nth-of-type(1){grid-column:1;grid-row:1;margin:0}.index .sec3 .con>div figure{grid-row:1;grid-column:2 / -1;align-self:start}.index .sec3 .con>div figure img{margin:0}}@media (min-width: 568px){.index .sec1{padding-bottom:60px}}@media (min-width: 731px){.index .header{margin-bottom:50px}.index h2{font-size:24px}.index .sec1{padding-top:10px;padding-bottom:10px}.index .sec1 .con{grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-column-gap:20px;text-align:left}.index .sec1 .con>figure{grid-row:1;-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg);margin-top:-30px;margin-bottom:-20px;margin-left:5px}.index .sec1 .con>div p{align-self:end;padding:0;font-size:16px;margin:0 0 20px 0;grid-row:1;text-align:left}.index .sec1 .con>div p.readMore{align-self:start;font-size:16px;text-align:center;width:70%;margin:0;grid-row:3}.index .sec1 .con>div p.readMore a{padding:5px}.index .sec1 .con>div figure{grid-row:2;align-self:start;background:transparent;box-shadow:none}.index .sec2 ul{display:block;-webkit-columns:3;-moz-columns:3;columns:3;-webkit-column-gap:10px;-moz-column-gap:10px;column-gap:10px}.index .sec2 ul li{padding:15px 15px 20px 15px;text-align:left;position:relative;overflow:hidden;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;width:100%;border:none}.index .sec2 ul li img{margin-bottom:10px}.index .sec2 ul li h2{font-size:18px}.index .sec2 ul li p{font-size:13px;line-height:1.4;margin-bottom:5px}.index .sec2 ul li p.publishDate{margin-bottom:10px;font-size:14px}.index .sec2 ul li header{grid-row:3}.index .sec2 ul li p.readMore{text-align:center;grid-row:5;margin:0;width:55%}.index .sec2 p.viewAll{width:50%;margin:0 auto}.index .sec3 .con>div{padding:30px 20px;text-align:left;grid-template-columns:52.5% 1fr 1fr;grid-row-gap:20px}.index .sec3 .con>div div{grid-column:2 / -1;grid-row:2}.index .sec3 .con>div img:nth-of-type(1){grid-column:1;grid-row:1 / span 2;margin:0}}@media (min-width: 960px){.index .header{margin-bottom:80px}.index .sec1{padding-top:50px;padding-bottom:20px;margin-bottom:80px}.index .sec1 .con{grid-column-gap:40px}.index .sec1 .con>figure{-webkit-transform:rotate(-1.5deg);transform:rotate(-1.5deg);margin-top:-60px;margin-bottom:-50px;padding:20px}.index .sec1 .con>figure:before,.index .sec1 .con>figure:after{width:20px;height:25px;top:-10px}.index .sec1 .con>div{height:0}.index .sec1 .con>div p{font-size:18px;margin-bottom:20px}.index .sec1 .con>div p.readMore{width:80%}.index .sec1 .con>div p.readMore a{padding:8px 0 6px 0}.index .sec1 .con>div figure{padding:10px 10px 20px 10px;background:#fff;margin-bottom:20px}.index .sec2 ul{-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;margin-bottom:30px}.index .sec2 ul li{padding:20px 20px 30px 20px}.index .sec2 ul li p.publishDate{font-size:16px}.index .sec3 .con>div{padding:30px 20px;text-align:left;grid-template-columns:40% 1fr 1fr;grid-row-gap:20px}.index .sec3 .con>div div{grid-column:2 / -1;grid-row:1;align-self:end}.index .sec3 .con>div div p{font-size:18px}.index .sec3 .con>div img:nth-of-type(1){grid-column:1;grid-row:1 / span 2;margin:0}.index .sec3 .con>div figure{grid-row:2;grid-column:2 / -1;align-self:start}}@media (min-width: 1024px){.index .sec1{padding-top:60px;padding-bottom:30px;margin-bottom:100px}.index .sec1 .con>figure{margin-top:-80px}.index .sec2 ul{-webkit-column-gap:3%;-moz-column-gap:3%;column-gap:3%}}@media (min-width: 1140px){.index .header{margin-bottom:110px}.index .sec1{margin-bottom:100px;padding-top:80px}.index .sec1 .con{grid-column-gap:60px}.index .sec1 .con>figure{margin-top:-120px;margin-bottom:-70px;padding:20px}.index .sec1 .con>figure:before,.index .sec1 .con>figure:after{width:20px;height:25px;top:-10px}.index .sec1 .con>div{height:0;grid-column-gap:30px}.index .sec1 .con>div p{font-size:20px;line-height:1.5}.index .sec1 .con>div p.readMore{font-size:18px;width:60%}.index .sec3 .con>div{padding:30px 20px;text-align:left;grid-template-columns:25% 15% 1fr;grid-row-gap:0;grid-column-gap:20px}.index .sec3 .con>div div{grid-column:3 / -1;grid-row:1 / 2;align-self:start}.index .sec3 .con>div div p{font-size:18px}.index .sec3 .con>div img:nth-of-type(1){grid-column:1;grid-row:1 / span 2;margin:0}.index .sec3 .con>div figure{grid-row:1;background:red;grid-column:2;align-self:auto}}@media (min-width: 1700px){.index .sec1{padding-top:60px;padding-bottom:60px}.index .sec1 .con>figure{margin-top:-90px}}