@charset "utf-8";
/*index css*/
.banerbg1{ width: 100%;}
.banerbg1 img{ width: 100%; }
.gray{ width: 100%; height: .8rem; background: #f5f5f5; margin: 0 auto;}

.pub-tabbox{ margin: 0 auto; overflow: hidden;}
.pub-tabbox .pub-tab{ width: 102%; margin: 0 auto; height: 40px; overflow: hidden;}
.pub-tabbox .pub-tab .dli{ width: 33%; height: 40px; float: left; border: 1px solid #dcdcdc; border-left: 0; padding-left: 2.9rem; position: relative;}
.pub-tabbox .pub-tab .dli .p1{ font-size: 1.3rem; height: 17px; color: rgba(0,0,0,.85); margin: 12px 0 -3px;}
.pub-tabbox .pub-tab .dli .p2{ font-size: 1rem; color: rgba(0,0,0,.65); position: relative; width: 180%; left: -9%; display:none;}
.pub-tabbox .pub-tab .dli .bgbox{ width: 32px; height: 32px; position: absolute; left: 2px; top: 4px; z-index: 2; overflow: hidden;}
.pub-tabbox .pub-tab .dli .bgbox img{ width: 100%; position: relative; top: 0;}

.pub-tabbox .pub-tab1 .dli{ width: 50%; padding-left: 20%;}
.pub-tabbox .pub-tab1 .dli .bgbox{ left: 22%;}


.pub-tabbox .pub-tab .dli.showed{ background: #b62122; border: 0;}
.pub-tabbox .pub-tab .dli.showed .p1{ color: #fff; }
.pub-tabbox .pub-tab .dli.showed .p2{ color: #fff; }
.pub-tabbox .pub-tab .dli.showed .bgbox img{ top: -51px; }

.pub-tabbox .pub-calest{ margin: 1rem auto; }
.pub-tabbox .pub-calest .pub-caselie{ display: none; }
.pub-tabbox .pub-calest .pub-caselie.caselie_on{ display: block; }


.pub-ptit{ 
  height: 40px; 
  border-top: 1px solid #ededed; 
  padding-left: 3.2rem; 
  color: #fff; 
  border-bottom: 1px solid #dd9999; 
  position: relative; 
  background: url(../img/gsi_11.png) no-repeat left center; 
  background-size: auto 100%;
  -webkit-background-size: auto 100%;
  margin: 1rem auto;
}
.pub-ptit .p1{ font-size: 1.3rem; height: 17px; color: #fff; margin: 6.5px 0 -3px;}
.pub-ptit .p2{ font-size: 1rem; color: #fff;}
.pub-ptit .more{ float: right; font-size: 10px; color: rgba(0,0,0,.5); position: absolute; right: 10px; top: 0; line-height: 40px; text-transform: uppercase;}
.pub-ptit .more:hover{ color: #cd4646; }
.pub-bg{ width: 26px; height: 26px; position: absolute; left: 5px; top: 6px; z-index: 2; overflow: hidden;}
.pub-bg img{ width: 100%;}


/* banner轮播分页 */
.pagination0{
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
  z-index: 20;
  text-align: center;
}
.pagination0 .swiper-pagination-bullet{
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #cd4646;
  cursor: pointer;
  opacity:1;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px; }
.pagination0 .swiper-pagination-bullet-active{
  width: 15px;
  border-radius: 6px;
}

.mythems{ width: 100%; margin: 4rem auto 0; position: relative; }

.bannerbox{ position: relative; overflow: hidden; position: relative; margin: 7.5rem auto 0;}
.bannerbox .swiper-slide img{ width:100%; }

.gsdx_01{ padding: 1.5rem 0 0; overflow: hidden;}
.gsdx_01 .list{ width: 25%; position: relative; float: left; margin: 0; text-align: center; overflow: hidden;}
.gsdx_01 .list img{ width: 70%; display: block;  margin: 0 auto; }
.gsdx_01 .list .p1{ font-size: 1.3rem; color: #3f4040; margin: .7rem auto 1.5rem;}


.gsdx_02{ padding: 1.5rem 0 1.2rem; overflow: hidden;}
.gsdx_02 .abox{ width: 102%; margin: 0 auto; padding: 0 1%;}
.gsdx_02 .abox .dl{ width: 47%; height: 4.5rem; margin: 0 1% .4rem; float: left; border: 1px solid #dcdcdc; position: relative; padding-left: 5rem;}
.gsdx_02 .abox .dl .p1{ font-size: 1.2rem; color: rgba(0,0,0,.75); margin: 1rem 0 -3px;}
.gsdx_02 .abox .dl .p2{ font-size: 1rem; color: rgba(0,0,0,.55); position: relative; width: 180%; left: -22%;}
.gsdx_02 .abox .dl .bgbox{ width: 24px; height: 100%; position: absolute; left: 2rem; top: 0; z-index: 2; overflow: hidden;}
.gsdx_02 .abox .dl:nth-child(1) .bgbox{ background: url(../img/gsi_15.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto;}
.gsdx_02 .abox .dl:nth-child(2) .bgbox{ background: url(../img/gsi_16.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(3) .bgbox{ background: url(../img/gsi_17.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(4) .bgbox{ background: url(../img/gsi_18.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(5) .bgbox{ background: url(../img/gsi_19.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(6) .bgbox{ background: url(../img/gsi_20.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(7) .bgbox{ background: url(../img/gsi_21.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }
.gsdx_02 .abox .dl:nth-child(8) .bgbox{ background: url(../img/gsi_22.png) no-repeat center; background-size: 100% auto; -webkit-background-size: 100% auto; }

.newslistbox{ width: 96%; margin: 0 auto; border: 1px solid #dcdcdc; padding: 0 5px;}
.newslistbox .p-newintro{ width: 100%; height: 71px; overflow: hidden; border-bottom: 1px solid #f2f2f2; padding: 5px 0;}
.newslistbox .p-newintro .left{ width: 85px; height: 100%; overflow: hidden; float: left; }
.newslistbox .p-newintro .left img{ width: 100%; min-height: 100%; }
.newslistbox .p-newintro .right{ width: 72%; float: right; }
.newslistbox .p-newintro .right .p1{ font-size: 1.4rem; color: rgba(0,0,0,.9); margin: 8px 0 2px;}
.newslistbox .p-newintro .right .p2{ height: 25px; line-height: 25px; }
.newslistbox .p-newintro .right .p2 .sp1{ font-size: 1.3rem; color: rgba(0,0,0,.75); width: 65%; float:left; display:block; }
.newslistbox .p-newintro .right .p2 .sp2{ font-size: 1.2rem; float:right; color: rgba(0,0,0,.55); background: url(../img/gsi_27.png) no-repeat left center; padding-left: 15px;}

.newslistbox .p-newintro .right .p3{ width: 68%; height: 48px; overflow: hidden; font-size: 1.4rem; color: rgba(0,0,0,.9); margin: 6px 0; line-height: 2rem; float: right;}
.newslistbox .p-newintro .right .p4{ width: 65px; height: 50px; float: left; border-right: 1px solid #b6b6b6; text-align: center; padding-right: 1rem; margin: 5px 0;}
.newslistbox .p-newintro .right .p4 .sp1{ font-size: 1.2rem; color: rgba(0,0,0,.85); width: 100%; float:none; display:block; margin: 2px 0 0;}
.newslistbox .p-newintro .right .p4 .sp2{ font-size: 2.2rem; color: rgba(0,0,0,.85); width: 100%; display:block; background: none;}


.gsdx_03 .swpbox1{ width: 100%; overflow: hidden; margin-bottom: 1.5rem;}
.gsdx_03 .swpbox1 .dl{ width: 96%; margin: 0 auto; border: 1px solid #eeeeee; text-align: center;}
.gsdx_03 .swpbox1 .dl img{ width: 100%; }
.gsdx_03 .swpbox1 .dl .p1{ text-align: center; font-size: 1.3rem; color: rgba(0,0,0,.85); padding: 1rem 0; }


/* pages */
.fy{ text-align: center; margin: 2rem auto;}
.fy a{ color: rgba(0,0,0,.75); border: 1px solid #696667; padding: 1px 6px; margin: 0 1px;display:none;}
.fy span{background: #696667; padding: 2px 7px; color: #fff; margin: 0 1px;display:none;}
.fy a:hover{ background: #696667; color: #fff;}
.fy .a1{ display:inline-block; vertical-align:top;}

.btn-more{ width: 12rem; height: 3.2rem; line-height: 3.2rem; color: #fff; text-transform: uppercase; font-size: 1.2rem; text-align: center; background: #b62122; display: block; margin: 0 auto;}
.btn-bm{ margin: 1rem auto; height: 3rem; line-height: 3rem; color: #333333; font-size: 1.4rem; text-align: center; border: 1px solid #eb1e1e; background: #ffe5e5; display: block; border-radius: 5px;}


.pub-tabbox .pub-tab .dli .p2{
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
}

.gsdx_02 .abox .dl .p2{
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
}

.p-hide,.gsdx_01 .list .p1,.gsdx_03 .dl .p1,.newslistbox .p-newintro .right .p1,.newslistbox .p-newintro .right .p2 .sp1{
	overflow:hidden; text-overflow:ellipsis; white-space: nowrap;
}

@media screen and (max-width:320px){
  .pub-tabbox .pub-tab .dli .p1{ font-size: 1.2rem; }
  .pub-ptit{ background-position: -4rem center; }

  .newslistbox .p-newintro .left{ width: 80px; }
  .newslistbox .p-newintro .right{ width: 70%; }
  .newslistbox .p-newintro .right .p2 .sp1{ font-size: 1.2rem; width: 60%; }
  .newslistbox .p-newintro .right .p4{ width: 60px; }
  .newslistbox .p-newintro .right .p3{ width: 65%; }
}