@charset "utf-8";
.sel1,.sel4{height: auto;position: relative;clear: both;padding:40px 0;}
.sel1 .g-content{height:auto; position: relative;}
.sel1 .cdlist2{padding: 0;overflow: hidden;height: auto;}
.sel1 .cdlis2{height: auto;padding: 50px 0;overflow: hidden;}
.sel1 .cdlist2 a{display: block;background: #f5f5f5;padding: 27px 37px;margin: 14px 12px;overflow: hidden;border: 1px solid #dddddd;}
.sel1 .cdlist2 a img {width: 160px;height: 120px;float: left;margin-right: 16px;}
.sel1 .cdlist2 a h3{font-weight: normal;color: #333333;margin-bottom: 11px;overflow: hidden;line-height: 1.5;font-size: 18px;display: -webkit-box;-webkit-box-orient: vertical;-o-text-overflow: ellipsis;text-overflow: ellipsis;-webkit-line-clamp: 1;word-break: break-word;margin-top: 0;}
.sel1 .cdlist2 a p {color:#9b9b9bdd;}
.sel1 .cdlist2 a span {font-size: 13px;font-weight: 100;color: #999999;display: flex;}
.sel1 .cdlist2 a span em {padding-left: 25px;}
.sel1 .cdlist2 a span em.e1 {background: url(../../images/index.files/time.png) left center no-repeat;padding-left: 23px;background-size: 9%;}
.sel1 .cdlist2 a span em.e2 {background: url(../../images/index.files/eye.png) left center no-repeat;padding-left: 26px;background-size: 13%;padding-left:30px;}

.sel2 {height: auto;position: relative;clear: both;padding: 40px 0;padding-top: 5px;}
.tpitem {height: auto; overflow: hidden;}
.tpitem a {display: block;}
.tpitem .img {display: block;position: relative;overflow: hidden;}
.tpitem a img {width: 100%;height: 256px;transition: all 0.8s;}
.tpitem a em {position: absolute;left: 44%;width: 46px;height: 46px;display: block;background: url(../../images/xwzx.files/play.png) center no-repeat;top: 40%;right: 50%;}
.tpitem a img:hover {transform: scale(1.1);}
.tpitem a h3 {font-size: 20px;color: #555555;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;transition: all 0.6s ease-in-out;padding:0 12px;}

.sel3 {background: #f5f5f5;padding: 50px 0;}
.sel3 .gjbx {width: 1320px;overflow: hidden;padding-bottom: 40px;}
.sel3 .swiper{width: 100%;padding-top: 50px;padding-bottom: 50px;}
.sel3 .swiper-slide{background-position: center;background-size: cover;width: 600px;height: 333px;}
.sel3 .swiper-slide img{display: block;width: 100%;height: 333px;}
.sel3 .swiper-slide p {text-align:center;font-size: 18px;margin: 13px 0;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-weight: normal;padding: 0 20px;}
.sel3 .swiper-slide-prev p,.sel3 .swiper-slide-next p {display: none;}

@media (max-width: 767px) {
    .swiper-button-prev,.swiper-button-next {display: none;}
    .sel1{height: auto;position: relative;clear: both;padding:0}
    .sel1 .cdlist2 {padding:0;}
    .sel1 .g-content {background-size: cover;}
    .sel1 .cdlis2{height: auto;padding: 10px 0;overflow: hidden;}
    .sel1 .cdlist2 a{padding: 15px;margin: 8px 0;}
    .sel1 .cdlist2 a img {width: 100%;margin: 0;display: block;float: none;height: 180px}
    .sel1 .cdlist2 a p {font-size:12px;}
    .sel1 .cdlist2 a h3{display: block;float: none;font-size: 14px;margin-bottom: 5px;margin-top: 8px;}
    .sel1 .cdlist2 a span {display: none;}

    .sel5 {padding:15px 0;}
    .tpitem a img {height: 190px;}
    .tpitem a h3 {font-size: 16px;margin: 10px;}
    .sel3 {padding: 0;}
    .sel3 .gjbx {width: 100%;padding-bottom: 0;}
    .sel3 .swiper-slide img {width: 100%;height: 260px;}
    .sel4{padding:15px 0;}
}
@media (max-width: 991px) and (min-width: 768px) {

}
@media (max-width: 1199px) and (min-width: 992px) {

}