body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { 
  margin:0; 
  padding:0; 
}
body { 
  color:#555;
  font-size:14px; 
  font-family: Microsoft YaHei; 
  font-weight:400; 
}
td,th,caption { 
  font-size:14px; 
}
h1, h2, h3, h4, h5, h6 { 
  font-weight:normal; 
  font-size:100%; 
}
address, caption, cite, code, dfn, em, strong, th, var { 
  font-style:normal; 
  font-weight:normal;
}
a { 
  color:#555; 
  text-decoration:none; 
}
a:hover { 
  text-decoration:none; 
}
img { 
  border:none; 
}
ol,ul,li { 
  list-style:none; 
}
input, textarea, select, button { 
  font:14px Verdana,Helvetica,Arial,sans-serif; 
}
table { 
  border-collapse:collapse; 
}
html {
  overflow-y: scroll;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height:0; 
  clear:both; 
  visibility: hidden;
}
.clearfix { 
  *zoom:1; 
}
.fl{
  float: left;
}
.fr{
  float: right;
}
.w1200{
  width: 1200px;
  margin: auto;
}
.banner{
  display:block;
  width: 100%;
}
.title{
  display: block;
  width: 1200px;
  margin: 70px auto 40px;
}
.title img{
  width: 100%;
}
/* 普法要闻 */
.pfyw-lb{
  width: 649px;height: 383px;
  background: url("../images/pfywbg.png") no-repeat bottom;
}
.swiper {
  width: 591px;height: 100%;
}

.swiper-slide {
  text-align: center;
  display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
  -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;
  -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
  position: relative;
  /* background: #0ff; */
}
.swiper-slide img{
  position: absolute;top: 0;left: 0;
  width: 591px;height: 332px;display: block;
}
.pfyw-bg{
  position: absolute;bottom: 51px;left: 0;z-index: 2;
  width: 100%;height: 66px;background: #000;opacity: 0.7;
}
.pfyw-txt{
  position: absolute;bottom: 51px;left: 0;z-index: 9;
  width: 100%;height: 66px;
  font-size: 20px;line-height: 66px;text-align: center;color: #fff;
}
.swiper-horizontal>.swiper-pagination-bullets{
  width: 96px;height: 20px;
  border-radius: 10px;background: rgba(255,255,255,0.3);
  left: 0;bottom: 15px;
}
.swiper-pagination-bullet{
  background: #fff;opacity: 1;
}
.swiper-pagination-bullet-active{
  background: #3B54EC;
}
.swiper-button-next:after, .swiper-button-prev:after{
  display: none;
}
.swiper-button-next, .swiper-button-prev{
  width: 39px;height: 26px;
  bottom: 13px;top: auto;right: 0;left: auto;
}
.swiper-button-prev{
  right: 39px;
}
.pfyw-list{
  width: 512px;height: 383px;
}
.pfyw-list li{
  border-bottom: 1px solid rgba(22, 93, 220, 0.1);
  margin-top: 47px;padding-bottom: 16px;
}
.pfyw-list li:nth-child(1){
  margin-top: 0;
}
.pfyw-list li h3{
  width: 100%;height: 16px;overflow: hidden;
  font-size: 16px;color: #3E3E4B;line-height: 16px;
  background: url("../images/libg.png") no-repeat left center;
  padding-left: 24px;box-sizing: border-box;
}
.pfyw-list li p{
  font-size: 14px;color: #9497A9;line-height: 23px;
  margin-top: 17px;
}
/* 普法视频 */
.pfsp{
  width: 1244px;margin: -40px 0 0 -44px;
}
.pfsp-box{
  width: 578px;height: 326px;float: left;position: relative;
  margin: 40px 0 0 44px;
}
.pfsp-box img{
  width: 100%;height: 100%;
}
.pfsp-bg{
  width: 481px;height: 218px;
  position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
  box-sizing: border-box;padding: 11px 10px;
  background: rgba(59,105,236,0.9);
}
.pfsp-cotent{
  width: 100%;height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);box-sizing: border-box;padding-top: 120px;
  background: url("../images/24gf-playCircle.png") no-repeat;
  background-position: center 55px;
  font-size: 16px;color: #FFFFFF;line-height: 25px;text-align: center;
}
/* 普法课堂 */
.pfkt-list{
  width: 500px;
}
.pfkt-list li{
  background: url("../images/libg.png") no-repeat left center;
  font-size: 16px;color: #4C4C62;line-height: 16px;
  padding-left: 22px;margin-top: 40px;
}
.pfkt-list li:nth-child(1){
  margin-top: 0;
}
.pfkt-hot li{
  width: 657px;height: 109px;
  background: rgba(248, 234, 203, 0.2);
  margin-top: 32px;
  padding: 19px;box-sizing: border-box;
  font-size: 14px;line-height: 21px;
}
.pfkt-hot li:nth-child(1){
  margin-top: 0;
}
.pfkt-hot li h3{
  font-size: 18px;color: #4C4C62;line-height: 23px;
  margin-bottom: 10px;
}
.pfkt-hot li p{
  color: #9B9BA5;
}
.pfkt-hot li:hover{
  background: #3B69EC;
}
.pfkt-hot li:hover h3{
  color: #FFFFFF;
}
.pfkt-hot li:hover p{
  color: #B8CAFC;
}
/* 法律法规 */
.flfg{
  width: 380px;height: 260px;overflow: hidden;
  box-sizing: border-box;padding: 35px 22px;
  background: rgba(248, 234, 203, 0.2);
  margin-left: 29px;
}
.flfg:nth-child(1){
  margin-left: 0;
}
.line{
  width: 82px;height: 4px;
  background: #3B69EC;
  margin-bottom: 21px;
}
.flfg h3{
  font-size: 18px;line-height: 28px;color: #48485e;
}
.flfg p{
  font-size: 14px;line-height: 21px;color: #9B9BA5;
  margin-top: 25px;
}
.flfg a{
  color: #3B69EC;
}
.bottom{
  width: 100%;margin-top: 80px;
}
.bottom img{
  width: 100%;
  display: block;
}
@media screen  and (max-width: 540px) {
  body{
    min-width: 100%;
  }
  .w1200{
    width: 100%;
  }
  .title{
    display: block;
    width: 100%;
    margin: 40px auto 20px;
  }
  .pfyw-lb{
    width: 100%;
  }
  .swiper {
    width: 95%;
  }
  .swiper-slide img{
    width: 100%;
  }
  .pfyw-list{
    width: 100%;height: 383px;
    margin-top: 20px;
  }
  .pfyw-list li{
    margin-top: 20px;
  }
  .pfsp{
    width: 100%;margin: 0;
  }
  .pfsp-box{
    width: 100%;height: 326px;
    margin: 20px 0 0 0;
  }
  .pfsp-bg{
    width: 85%;height: 218px;
  }
  .pfkt-list{
    width: 100%;
  }
  .pfkt-list li{
    height: 16px;overflow: hidden;
    margin-top: 20px;
  }
  .pfkt-list li:nth-child(1){
    margin-top: 20px;
  }
  .pfkt-hot li{
    width: 100%;overflow: hidden;
    margin-top: 20px;
    padding: 10px;
  }
  .pfkt-hot li:nth-child(1){
    margin-top: 20px;
  }
  .pfkt-hot li h3{
    height: 23px;overflow: hidden;
    font-size: 16px;
  }
  .flfg{
    width: 100%;height: 200px;
    padding: 20px 10px;
    margin-left: 0;
    margin-top: 20px;
  }
  .line{
    margin-bottom: 10px;
  }
  .flfg h3{
    font-size: 16px;
  }
  .flfg p{
    margin-top: 10px;
  }
  .flfg a{
    color: #3B69EC;
  }
  .bottom{
    margin-top: 30px;
    height: auto;
  }
}