.head{width:100%;display: flex;justify-content: space-between;box-sizing: border-box;height: 30px;line-height: 30px;margin-bottom:25px;font-size: 20px;color: #0c54a6;position: relative;z-index: 11111;}
.head:after{content:"";position:absolute;width: 100vw;height:2px;background: #f6f6f6;top:14px;left: calc((1050px - 100vw)/2);z-index: 0;background: url(../img/headbk.png) center center no-repeat;}
.head i{width:58px;height:30px;text-align:center;background:#0c54a6;display:inline-block;line-height:30px;color:#fff;}
.head .title{position:relative;z-index:1}
.head a{font-size:14px;color:#999999;margin:0}
.head span{font-size: 26px;font-family:arail;display: inline-block;height: 30px;line-height: 30px;vertical-align: top;margin: 0 3px;}
.head a:hover{color:#0c54a6}

img{max-width:100%}


.row1{padding-top:45px;}
.row1 ul {display:flex;justify-content:space-between}
.row1 ul li{height:166px;padding-top:5px;width:310px}
.row1 ul li .title{font-size:16px;color:#535151;padding-left:30px;position:relative;margin-bottom:12px}
.row1 ul li .title:after{content:"";position:absolute;width:17px;height:4px;background:#0c54a6;left:0;top: 9px;}
.row1 ul li .summary{font-size:14px;color:#7d7d7d;line-height: 20px;max-height: 40px;overflow: hidden;}
.row1 ul li .time{color:#9d9d9d;margin-top:17px;font-size:14px}
.row1 ul li:hover .title{color: #dc6617;}
.row1 ul li:hover .title:after{background-color: #dc6617;}
.row2 .words{display:flex;justify-content:space-between;margin-bottom: 60px;}
.row2 .left{width:478px;}
.row2 .right{width:540px;font-size: 16px;color: #333;line-height: 2;}
.row3{padding-top:23px;background:#f8f8f8;height: 407px;}
.row3 .words{display:flex;justify-content:space-between}
.row3 .left{width:478px;position:relative}
.row3 .left .Img{width:100%:height:210px;overflow:hidden}
.row3 .left .title{color:#2a2a2a;font-size:18px;margin-top:15px;width: calc(100% - 80px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row3 .left .time{color:#afafaf;font-size:14px;top:230px;position:absolute;right:0}
.row3 .left .summary{color:#797979;font-size:14px;line-height: 26px;margin-top:5px}
.row3 .left:hover .title{color:#0c54a6}
.row3 .right{width:550px}
.row3 ul li{/* height:102px; */position:relative;margin-bottom: 10px;}
.row3 ul li .day{width:95px;height:102px;line-height:102px;text-align:center;font-size:50px;color:#e1e1e1;position:absolute;left:0;top:0}
.row3 ul li .day:after{content:"";position:absolute;width:2px;height: 60px;background:#dbdbdb;right:0;top:calc(50% - 30px)}
.row3 ul li a{padding-left:112px;display: block;overflow:hidden;position:relative;padding-right: 10px;}
.row3 ul li .title{font-size:16px;color:#161616;margin-top: 15px;width: calc(100% - 70px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.row3 ul li .summary{font-size:14px;color:#797979;margin-top: 5px;padding-bottom: 10px;line-height: 26px;height: 52px;overflow:hidden}
.row3 ul li .time{font-size:14px;color:#afafaf;position:absolute;right: 14px;top: 18px;}
.row3 ul li:hover{background:#0c54a6}
.row3 ul li:hover .day,.row3 ul li:hover .title,.row3 ul li:hover .summary,.row3 ul li:hover .time{color:#fff}
.row3 ul li:hover .day:after{background:#18a7a7}
.row4{margin-top:90px;position: relative;}
.row4 li .Img{height:210px;overflow:hidden}
.row4 li .Img img{transition:all .35s ease-in-out}
.row4 li p{padding:15px 0;line-height:20px;margin-bottom:50px;text-align:center;font-size:16px;color:#333333}
.row4 li:hover img{transform:scale(1.2)}
.row4 li:hover p{color: #0c54a6;}
.row4 .words{position:relative}
.row4 .btnBox{position:absolute;height: 100%;top:0;left:0;width:100%;/* background:red; */}
.row4 .swiper-button-next,.row4 .swiper-button-prev{margin-top: 0;top: calc(50% - 40px);width:38px;height:38px;background-size: 10px!important;opacity:1;left:0;border:1px solid #bcbcbc;background:#fff;background-repeat: no-repeat;background-position: center center;border-radius: 5px;left: -70px;box-shadow: 2px 2px 5px rgba(0,0,0,.2);}
.row4 .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23bcbcbc'%2F%3E%3C%2Fsvg%3E")}
.row4 .swiper-button-next{left:auto;right: -70px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23bcbcbc'%2F%3E%3C%2Fsvg%3E")}
.row4 .swiper-button-next:hover,.row4 .swiper-button-prev:hover{background:#0c54a6;background-repeat: no-repeat;background-position: center center;}
.row4 .swiper-button-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}
.row4 .swiper-button-next:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

@media screen and (max-width:880px){
    .content{width:92vw}
    .head{margin-bottom:4vw;font-size: 16px;}
    .head:after{width: calc(100% - 175px);left: 98px;background: #efefef;margin:0}
    .head i{width: 40px;height: 25px;line-height: 25px;color:#fff;}
    .head span{margin: 0;}

    
    .row1{padding-top:8vw}
    .row1 ul{display:block}
    .row1 ul li{width:100%;height:auto;margin-bottom: 5vw;padding-top: 0;}
    .row1 ul li .title{margin-bottom:5px}
    .row1 ul li .time{margin-top:5px}

    .row2 .words{display:block;margin-bottom: 6vw;}
    .row2 .words .left{width:100%}
    .row2 .right{width:100%;font-size:14px;line-height:1.5;margin-top: 10px;}

    .row3{height:auto;padding: 23px 0;}
    .row3 .words{display:block}
    .row3 .words .left{width:100%;margin-bottom:10px}
    .row3 .words .title{font-size:16px}
    .row3 .words .summary{line-height:20px;height:40px;}
    .row3 .left .time{bottom:48px;top:auto}
    .row3 .words .right{width:100%}
    .row3 ul li{margin-bottom:2vw}
    .row3 ul li .title{margin-top:0}
    .row3 ul li a{padding-left:90px;padding: 10px 10px 10px 90px;}
    .row3 ul li .time{top: 13px;}
    .row3 ul li .summary{line-height:20px;height:40px;padding-bottom: 0;}
    .row3 ul li .day{width: 70px;height: 90px;line-height: 90px;font-size: 40px;}
    .row3 ul li .day:after{height:50px;top:calc(50% - 25px)}

    .row4{margin-top:6vw}
    .row4 .words{padding:0 15vw}
    .row4 li .Img{height: calc(300 / 750 * 100vw);}
    .row4 li p{margin-bottom:6vw}
    .row4 .swiper-button-next, .row4 .swiper-button-prev{top:calc(50% - 30px);width:30px;height:30px}
    .row4 .swiper-button-prev{left:10px;}
    .row4 .swiper-button-next{right:10px;}
    
}