/* 平板端 */
@media screen and (max-width:996px) {
    .gp-sm-f14{font-size:14px !important;}
    .gp-sm-f16{font-size:16px !important;}
    .gp-sm-f26{font-size:26px !important;}
}
/* 手机端 */
@media screen and (max-width:767px) {
    .gp-xs-f12{font-size:12px !important;}
    .gp-xs-f14{font-size:14px !important;}
    .gp-xs-f24{font-size:24px !important;}
}


/*其他*/

.gp-white *,.gp-white{color:#fff !important; }

.gp-hide{display: none !important;}
.gp-text-center{text-align: center;}  /* 虽未直接使用，但常见于标题 */

/*----------------------------以上为通用css文件中提取的内容，需重点检查冲突--------------------------------*/

/*标题块 .gp-title105 及其子元素*/
.gp-title105 {
  margin-bottom: 32px;
  display: block;
  overflow: hidden;
  text-align: center;
}
.gp-title105 .channel_link {
  float: right;
  position: relative;
  z-index: 2;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ba2528;
  border-radius: 50%;
  margin: 4px 0 0 -500px;
}
.gp-title105 .channel_link::before {
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  width: 10px;
  border-bottom: 1px dashed #ba2528;
  position: absolute;
  right: 35px;
  top: 50%;
}
.gp-title105 .channel_link i {
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  border: 1px dashed #ba2528;
  border-radius: 50%;
  margin: 0 0 0 18px;
  font-size: 13px;
}
.gp-title105 .channel_title {
  padding: 0 0 0;
  color: #333333;
  font-weight: normal;
}
.gp-title105 .icon {
  width: 30px;
  display: inline-block;
}
.gp-title105 .icon img {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
}

/*轮播组件 .carousel116 全部样式*/
.carousel1160 .gpCarousel0 {
  margin: 0 -29px;
  padding-bottom: 40px;
}
.carousel1160 .gpCarousel0 .slick-slider .item {
  display: block;
  margin: 0 29px;
}
.carousel1160 .gpCarousel0 .slick-slider .item .info {
  display: block;
  height: 0;
  position: relative;
  border-radius: 50%;
  border: 1px dashed #ba2528;
  padding-bottom: 100%;
}
.carousel1160 .gpCarousel0 .slick-slider .item .info::before {
  content: "";
  display: block;
  position: absolute;
  left: -1px;
  right: -1px;
  top: -2px;
  bottom: -2px;
  border: 0.5rem solid #cfa972;
  border-radius: 50%;
  clip-path: polygon(37% 0%, 50% 50%, 62% 0%, 100% 0, 100% 67%, 50% 50%, 100% 97%, 100% 100%, 0% 100%, 0 97%, 50% 50%, 0% 68%, 0% 0%);
  animation: index_03rotate 60s linear 0s infinite both;
  transform-style: preserve-3d;
}
@-webkit-keyframes index_03rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes index_03rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.carousel1160 .gpCarousel0 .slick-slider .item .info .txt1 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.carousel1160 .gpCarousel0 .slick-slider .item .info .txt1 .viceTitle {
  font-weight: normal;
  position: relative;
}
.carousel1160 .gpCarousel0 .slick-slider .item .info .txt1 .gpArticleSummary {
  opacity: 0.77;
  position: relative;
}
.carousel1160 .gpCarousel0 .slick-slider .item .info .txt1::before {
  content: "";
  display: block;
  position: absolute;
  width: 90%;
  height: 90%;
  background: rgba(186, 37, 40, 0);
  border-radius: 50%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.carousel1160 .gpCarousel0 .slick-slider .item .title {
  margin: 20px 0 0;
  text-align: center;
  color: #333333;
}
.carousel1160 .gpCarousel0 .slick-slider .item:hover .txt1::before {
  background: rgba(186, 37, 40, 0.5);
}
.carousel1160 .gpCarousel0 .slick-slider .item:hover .txt1 .viceTitle {
  color: #fff;
}
.carousel1160 .gpCarousel0 .slick-slider .item:hover .txt1 .gpArticleSummary {
  color: #fff;
}
@media screen and (max-width: 414px) {
  .carousel1160 .gpCarousel0 .slick-slider .item {
    margin: 0 5px;
  }
}
.carousel1160 .gpCarousel0 .slick-slider .slick-slider:nth-child(2n + 1) .item {
  padding-top: 60px;
}
.carousel1160 .gpCarousel0 .slick-dots0 {
  font-size: 0;
  left: 0;
  width: 100%;
  bottom: 0px;
  text-align: center;
}
.carousel1160 .gpCarousel0 .slick-dots0 li {
  width: 30px;
  height: 5px;
  margin: 0 10px;
}
.carousel1160 .gpCarousel0 .slick-dots0 li button {
  border-radius: 0;
  background: #cfa972;
}
@media screen and (max-width: 414px) {
  .carousel1160 .gpCarousel0 .slick-dots0 li {
    width: 20px;
    height: 2.5px;
    margin: 0 5px;
  }
}
.carousel1160 .gpCarousel0 .slick-dots0 li.slick-active button {
  background: #ba2528;
}
@media screen and (max-width: 414px) {
  .carousel1160 .gpCarousel0 {
    margin: 0 -5px;
  }
}


/* 这里是html部分
<section style="background-repeat: no-repeat;background-image: url($pathUtil.getSiteUrl($site)/images/sjbj.png);background-position:center center;" class="gp-sm-pt-50 gp-sm-pb-55 gp-pt-70 gp-pb-70 gp-xs-pb-50 gp-xs-pt-45 pid-4c6fe8b0-db55-49ed-afef-3cd9cbf2f36b"> 
    <div class="gp-container gp-clearFix"> 
     <div class="row"> 
      <div class="layout col-md-12 col-sm-12 col-xs-12">
       <div class="gp-title105 gp-sm-mb-20 " data-gp-show-column-title-icon="gp-hide"> <a class="channel_link gp-f14" href="$cms.getUrl('数览信管')" target="_self"><span class="gpText">查看更多</span><i class="iconfont icon-right2"></i></a> 
        <div class="gpColumnTitle channel_title gp-f36 gp-sm-f26 gp-xs-f24"> 
         <div class="icon gpColumnTitleIcon gp-hide"></div> <a href="$cms.getUrl('数览信管')" target="_self" style="color:#fff;">$cms.getChannelByName('数览信管').title</a> <span class="gpColumnTitleEn gp-f24"></span> 
        </div> 
       </div>   
       <div class="carousel1160" data-gp-carousel-arrows="1" data-gp-carousel-autoplay="1" data-gp-carousel-autoplay-speed="5000" data-gp-carousel-dots="1" data-gp-carousel-infinite="1" data-gp-carousel-slick-txt="block"> 
        <div class="gpCarousel0 pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd sm-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xxs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd" id="pid-c339e108-1ae1-47f7-923a-176fe0d9b0f4">
          #foreach($article in $cms.getContentsByChannelName("数览信管",1,7)) 
         <div class="slick-slider">
           #if($article.type==1) #set ($fullArticle=$cmsService.getArticle($article.id)) #if($stringUtil.nullFilter($fullArticle.content)!="") <a href="$cms.getUrl($article)" target="_self" class="item"> #else </a><a href="javascript:;" target="_self" class="item"> #end #else </a><a href="$cms.getUrl($article)" target="_self" class="item"> #end 
           <div class="info gpTextArea"> 
            <div class="txt1"> <strong class="gp-f48 viceTitle gpFontColor gp-white pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd sm-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xxs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd">$!{article.viceTitle}</strong> <span class="gpArticleSummary gp-f16 gp-xs-f12 gp-sm-f14 pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd sm-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xxs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd" style="color:#ffffff;">$!{article.summary}</span> 
            </div> 
           </div> 
           <div class="title gpArticleTitle gp-f18 gp-xs-f14 gp-sm-f16 pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd sm-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd xxs-pid-9ca2b779-f8a5-4f6e-942b-dc458ec9a2fd" style="color:#ffffff;">
             $article.name 
           </div> </a> 
         </div> #end 
        </div> 
        <script type="text/javascript">
 $(function(){
            $('#pid-c339e108-1ae1-47f7-923a-176fe0d9b0f4').slick({
                arrows: false,
                dots: true,
                infinite: true,
                lazyLoad: 'ondemand',
                speed: 1000,
                autoplay: true,
                autoplaySpeed: 5000,
                fade: false,
                slidesToShow: 5,
                slidesToScroll: 1,
                responsive: [
                    {
                        breakpoint: 996,
                        settings: {
                            slidesToShow: 4
                        }
                    },
                    {
                        breakpoint: 767,
                        settings: {
                            slidesToShow: 3,

                        }
                    },
                    {
                        breakpoint: 479,
                        settings: {
                            slidesToShow: 2,

                        }
                    }
                ]
            })

            directionNavpidc339e1081ae147f7923a176fe0d9b0f4()
            function directionNavpidc339e1081ae147f7923a176fe0d9b0f4() {
                $('#pid-c339e108-1ae1-47f7-923a-176fe0d9b0f4 .slick-arrow').each(function (e) {
                    var $this = $(this)
                    $this.text('');
                    $(this).addClass('iconfont')
                    if ($this.hasClass('slick-prev')) {
                        $(this).addClass('icon-left')
                    } else if ($this.hasClass('slick-next')) {
                        $(this).addClass('icon-right')
                    }
                })
            } 
 })
    </script> 
       </div>  
      </div> 
     </div> 
    </div> 
   </section>
*/