@charset "utf-8";
.clearfix:after{ content: "";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;font-size: 0}
.latest_news{ height: 458px}
.latest_news .slide{ float: left;width: 580px;height: 458px;overflow: hidden}
.latest_news .slide .view{ width: 580px;height: 380px}
.latest_news .slide .view .swiper-slide a{ display: block;width: 580px;height: 380px}
.latest_news .slide .view .swiper-slide img{ width: 100%;height: 100%}
.latest_news .slide .preview{ width: 580px;height: 68px;margin-top: 10px}
.latest_news .slide .preview .swiper-wrapper{ width: 580px!important;height: 68px!important}
.latest_news .slide .preview .swiper-slide{ cursor: pointer;width: 110px;height: 68px;border: 3px solid #fff;box-sizing: border-box}
.latest_news .slide .preview .swiper-slide.on{ border: 3px solid #55a8e1}
.latest_news .slide .preview .swiper-slide:nth-child(5n){ margin-right: 0}
.latest_news .slide .preview .swiper-slide img{ width: 100%;height: 100%}
.latest_news .news{ width:100%;}
.pxswiper{ margin-top: 30px;width: 100%;height: 110px;overflow: hidden;position: relative}
.pxswiper .swiper-slide img{ width: 100%}
.pxswiper .pagination{ position: absolute;z-index: 20;bottom: 10px;width: 100%;text-align: center}
.pxswiper .swiper-pagination-switch{ display: inline-block;width: 30px;height: 6px;border-radius: 6px;background: #7cb8ff;margin: 0 5px;opacity: .8;border: 1px solid #fff;cursor: pointer}
.pxswiper .swiper-active-switch{ background: #fff}
.pxswiper .swiperLeft,.pxswiper .swiperRight{ position: absolute;width: 28px;height: 48px;top: 50%;margin-top: -24px;z-index: 22;background-color: #000;cursor: pointer;line-height: 48px;color: #fff;text-align: center;opacity: .5;font-size: 26px;font-stretch: ultra-condensed;font-family: monospace}
.pxswiper .swiperLeft{ left: 0}
.pxswiper .swiperRight{ right: 0}
.px{ margin-top: 30px}
.px .tag .pxtitle{ font-size: 32px;line-height: 32px;text-align: center}
.px .tag ul{ position: relative;height: 70px;border-bottom: 2px solid #368bc7;margin-top: 30px}
.px .tag ul li{ float: left;line-height: 68px;width: 195px;white-space: nowrap;padding: 0 10px;text-overflow: ellipsis;overflow: hidden;word-break: break-all;border-top-left-radius: 10px;border-top-right-radius: 10px;background: #fff;box-shadow: -6px -6px 6px rgba(204,204,204,.3);cursor: pointer}
.px .tag ul li.active{ width: 571px;box-shadow: none;text-align: center;background: #0080ee;font-size: 20px;font-weight: 700;color: #fff}
.px .taglist .pxmd{ display: none;margin-top: 30px;min-height:501px}
.px .taglist .pxmd.on{ display: block}
.px .taglist .pxmd .pxtitles{ margin-bottom: 20px;height: 30px;line-height: 30px;border: none;padding-left: 16px;background: url(../images/jypx/line.jpg) no-repeat left center}
.px .taglist .pxmd .xmjs{ width: 740px;float: left;margin-bottom: 40px}
.px .taglist .pxmd .js{ width: 100%;height: 130px}
.px .taglist .pxmd .js .title{ font-size: 22px;color: #333;font-weight: 700;margin: 20px 0}
.px .taglist .pxmd .js .desc{ font-size: 14px;color: #65737d;line-height: 30px;padding-right: 20px}
.px .taglist .pxmd .js .jscont{ width: 514px;height: 100%;float: left;padding-left: 20px;background: url(../images/jypx/bg1.jpg) no-repeat}
.px .taglist .pxmd .js img{ float: right;width:226px}
.px .taglist .pxmd .xtrk{ width: 375px;float: right}
.px .taglist .pxmd .xtrk .xtlist a{ float: left;width: 170px;height: 50px;line-height: 50px;text-indent: 38px;;border-radius: 6px;box-shadow: 0 0 6px 0 rgba(0,0,0,.3)}
.px .taglist .pxmd .xtrk .xtlist a:nth-child(2n){ margin-right: 0;margin-bottom: 0}
.px .taglist .pxmd .xtrk .xtlist a.icon1{ margin-right: 30px;margin-bottom: 30px;background: url(../images/jypx/icon1.jpg) no-repeat 10px center}
.px .taglist .pxmd .xtrk .xtlist a.icon2{ margin-bottom: 30px;background: url(../images/jypx/icon2.jpg) no-repeat 10px center}
.px .taglist .pxmd .xtrk .xtlist a.icon3{ margin-right: 30px;background: url(../images/jypx/icon3.jpg) no-repeat 10px center}
.px .taglist .pxmd .xtrk .xtlist a.icon4{ background: url(../images/jypx/icon4.jpg) no-repeat 10px center}
.px .taglist .pxmd .pxlist li{ width: 100%;height: 60px;line-height: 60px;border-radius: 6px;box-shadow: 0 0 6px rgba(0,0,0,.3);margin-bottom: 20px;position: relative;padding-left: 34px}
.px .taglist .pxmd .pxlist li a{ display: block;font-size: 16px;color: #333}
.px .taglist .pxmd .pxlist li span.time{ float: right;padding-right: 15px;font-size: 14px}
.px .taglist .pxmd .pxlist li::before{ content: '';position: absolute;left: 18px;top: 50%;margin-top: -3px;width: 6px;height: 6px;border-radius: 50%;background: #789cd2}
.px .taglist .pxmd .pxlist li:last-child{ margin-bottom: 0}
.px .taglist .pxmd .tzgg{ width: 740px;float: left}
.px .taglist .pxmd .zlxz{ width: 375px;float: right}
.px .taglist .pxmd .zlxz .downloadlist li{ background: url(../images/jypx/download.jpg) no-repeat 90% center}
.hspx{    margin-top: 70px;}
@media screen and (max-width:768px){
 .latest_news{  height: auto }
 .latest_news .slide{  float: none;width: 100%;height: auto }
 .latest_news .slide .view{  height: auto;width: 100% }
 .latest_news .slide .view .swiper-container{  width: 100% }
 .latest_news .slide .view .swiper-slide{  height: 100% }
 .latest_news .slide .view .swiper-slide a{  width: 100%!important;height: auto!important }
 .latest_news .slide .preview{  width: 100% }
 .latest_news .slide .preview .swiper-wrapper{  width: 100%!important;height: auto!important }
 .latest_news .news{  float: none;width: 100%;margin-top: 20px }
 .pxswiper .swiper-slide{  height: 110px }
 .pxswiper .swiper-slide a{  display: block;width: 100%;height: 100% }
 .pxswiper .swiper-slide img{  height: 100% }
 .px .tag ul{  border-bottom: none;height: 140px }
 .px .tag ul li{  width: 49%;margin-bottom: 10px;line-height: 46px; }
 .px .tag ul li.active{  width: 49%;font-size: 18px; }
 .px .tag ul li.px1, .px .tag ul li.px3{  margin-right: 2% }
 .px .taglist .pxmd{  margin-top: 20px }
 .px .taglist .pxmd .xmjs{  width: 100%;float: none;margin-bottom: 30px }
 .px .taglist .pxmd .xmjs .js{  height: 160px }
 .px .taglist .pxmd .xmjs .js img{  display: none }
 .px .taglist .pxmd .xmjs .js .jscont{  width: 100%;background-size: 100% 100% }
 .px .taglist .pxmd .xtrk{  width: 100%;float: none;margin-bottom: 30px }
 .px .taglist .pxmd .xtrk .xtlist{  padding-left: 13px }
 .px .taglist .pxmd .xtrk .xtlist a{  width: 45% }
 .px .taglist .pxmd .tzgg, .px .taglist .pxmd .zlxz{  width: 100%;float: none;margin-bottom: 30px }

 .px .taglist .pxmd .js .title{margin: 20px 0 10px 0;}
 .px .taglist .pxmd .js .title{font-size: 18px;line-height: 22px;}
 .px .taglist .pxmd .pxlist li{overflow: hidden;}
 .px .taglist .pxmd .pxlist li a{height: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
 .px .taglist .pxmd .pxlist li span.time{padding-right: 5px;}
}
@media screen and (max-width:640px){
    .px .taglist .pxmd .pxlist li span.time{display: none;}
}