/* 2023.10.09 首页改版 */
.syn-main {
    background: url(../img/bgcEnd_03.png) no-repeat center top; background-size: 100% 100%;
    width: 100%;
    padding: 20px 0;
}
.syn-main .wrapper{ width: 1400px; padding: 0 30px; box-sizing: border-box;}
.syn-main .leftMain{ float: left; width: 48.65%; }
/* 政府信息公开 */
.syn-main .leftMain .syn-zfxxgk{ float: left; width: 100%;}
.syn-main .otherLink{ position: relative; font-size: 20px; line-height: 36px; font-weight: bold; padding:0 .2em; margin-left: .4em; }
.syn-main .otherLink::before{ content: ''; position: absolute; left: 0; bottom: -4px; width: 100%; height: 4px; background-color: #1383d3;}
.syn-main .system{padding: 15px 20px 5px; background-color: #fff; border: none;}
.syn-main .system>li{ float: left; width: 32%; height: 46px; margin-bottom: 12px; padding: 0; position: relative;}
.syn-main .system>li:nth-child(3n+2){ margin-left: 2%; margin-right: 2%;}
.syn-main .system>li a{ padding-left: 13px; font-size: 16px; line-height: 44px;}
.syn-main .system>li a i{display: inline-block; width: 30px; height: 44px; padding: 0; background: url(../img/syn-icon01.png) no-repeat center center; vertical-align: middle;}
.syn-main .system>li a span{ display: inline-block; vertical-align: middle; margin-left: 3px;}
.syn-main .system>li:hover{ box-shadow: 0 0 6px rgba(0,0,0,.2);}
.syn-main .system>li:nth-child(1){ background-color: #d3eaf8;}
.syn-main .system>li:nth-child(1) a{ color: #0374c4;}
.syn-main .system>li:nth-child(2){ background-color: #e3e9f9;}
.syn-main .system>li:nth-child(2) a{ color: #3a5194;}
.syn-main .system>li:nth-child(2) a i{ background-image: url(../img/syn-icon02.png);}
.syn-main .system>li:nth-child(3){ background-color: #ffefe2;}
.syn-main .system>li:nth-child(3) a{ color: #ea8d3f;}
.syn-main .system>li:nth-child(3) a i{ background-image: url(../img/syn-icon03.png);}
.syn-main .system>li:nth-child(4){ background-color: #f8dedd;}
.syn-main .system>li:nth-child(4) a{ color: #ca0007;}
.syn-main .system>li:nth-child(4) a i{ background-image: url(../img/syn-icon04.png);}
.syn-main .system>li:nth-child(5){ background-color: #fff3cb;}
.syn-main .system>li:nth-child(5) a{ color: #ffab00;}
.syn-main .system>li:nth-child(5) a i{ background-image: url(../img/syn-icon05.png);}
.syn-main .system>li:nth-child(6){ background-color: #daf6da;}
.syn-main .system>li:nth-child(6) a{ color: #47bd67;}
.syn-main .system>li:nth-child(6) a i{ background-image: url(../img/syn-icon06.png);}

.gknr_syn li{ float: left; width: 50%;}

/* 政务服务 */
.syn-main .leftMain .syn-zwfw{ float: left; width: 48%; margin-top: 15px;}
.zwfuMain{ padding-top: 12px; background-color: #fff;}
.zwfuMain li{ float: left; width: 45%; margin-left: 3.3%; margin-bottom: 12px;}
.zwfuMain li a{ display: block; width: 100%; height: 100%;  background-color: #f5f5f5; font-size: 16px; line-height: 34px; text-align: center; color: #000;}
.zwfuMain li a:hover{ color: #fff; background-color: #005ea3;}

/* 互动交流 */
.syn-main .leftMain .syn-hdjl{ float: right; width: 48%; margin-top: 15px;}
.hdjlMain{ padding: 12px 8px 2px; background-color: #fff; }
.hdjlMain li{ float: left; width: 32%; background-color: #f5f5f5; text-align: center; transition: all .5s;}
.hdjlMain li:nth-child(3n+2){ margin-left: 2%; margin-right: 2%;}
.hdjlMain li a{ display: block; padding: 8px 0;}
.hdjlMain li p{ font-size: 16px; line-height: 26px; padding: 0; margin: 0;}
.hdjlMain li.txt{ background: none; padding: 14px 0; }
.hdjlMain li.txt p{ line-height: 18px; font-size: 12px; }
.hdjlMain li.txt p span{ display: block; color: #005ea3;}
.hdjlMain li:hover{ transform: translateY(-5px);}

/* 林草新闻 */
.syn-main .rightMain{ float: right; width: 48.65%; }
.lcxwMain{padding: 27px 0 8px; background-color: #fff;}
.lcxwMain li{ float: left; width: 43.4%; margin-left: 4.4%; margin-bottom: 22px;}
.lcxwMain li a{ display: block; width: 100%; position: relative; overflow: hidden;}
.lcxwMain li a img{ display: block; width: 100%; height: 136px; transition: all .5s;}
.lcxwMain li a p{ position: absolute; left: 0; bottom: 0; width: 100%; padding: 0 15px; margin: 0; background: url(../img/syn-img01.png) no-repeat center center; background-size: 100% 100%; font-size: 16px; line-height: 52px; color: #fff;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box;}
.lcxwMain li a:hover img{ transform: scale(1.1); }

.lcsjWrap.wrapper{ width: 1400px; padding: 24px 30px; box-sizing: border-box;}
.lcsjWrap .titImgpc{width: 160px; text-align: center;}
.lcsjWrap .titImgphone{ display: none;}


.picSlide{ float: left; width: 830px; padding-top: 20px; height: 142px;}
.picSlide .swiper { width: 100%; height: 100%; overflow: hidden; }
.picSlide .swiper-slide a{ display: block; width: 254px; height: 142px;  position: relative; }
.picSlide .swiper-slide img{ display: block; width: 254px; height: 142px; }

.lcsj-video{ float: right; width: 332px; height: 142px; margin-top: 20px; overflow: hidden;}
.lcsj-video a{ width: 332px;}
.lcsj-video .swiper { width: 100%; height: 100%;  overflow: hidden; }
.lcsj-video .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
.llcsj-video .swiper {
    margin-left: auto;
    margin-right: auto;
  }
.lcsjWrap .swiper-button-next,.lcsjWrap .swiper-button-prev{position: absolute; top: 50%;  width: 19px; height: 36px; margin-top: -18px; background: url(../img/syn-icon11.png) no-repeat; opacity: 0;}
.lcsjWrap .swiper-button-prev{ left: 12px;}
.lcsjWrap .swiper-button-next{ right: 12px; background-image: url(../img/syn-icon12.png);}
.lcsjWrap .swiper:hover .swiper-button-prev,.lcsjWrap .swiper:hover .swiper-button-next{ opacity: 1;}
.lcsjWrap .swiper-slide span,.lcsjWrap .swiper-slide p{ position: absolute; left: 15px; top: 10px; width: 18px; font-size: 18px; line-height: 20px; color: #fff;}
.lcsjWrap .swiper-slide i{ position: absolute; left: 50%; top: 50%; width: 55px; height: 55px; margin-top: -28px; margin-left: -28px; background: url(../img/syn-icon13.png) no-repeat;}


/* 专题专栏 */
.ztzlStyle .swiperImg{width:100%; margin-left: 0;}
.ztzlStyle .swiperImg .title{width: 100%;}
.ztzlStyle .swiperImg .title a,.ztzlStyle .swiperImg .title a img{ display: block; width: 100%; height: 100%;}
.ztzlStyle .swiper-button-next{ right: 0;}

/* 小于768的时候 */
@media only screen and (max-width: 768px) {
    .syn-main .wrapper,.lcsjWrap.wrapper,.contentBox{ padding-left: 10px; padding-right: 10px;}
    .syn-main .wrapper,.lcsjWrap.wrapper,.syn-main .leftMain,.syn-main .leftMain .syn-zwfw,.syn-main .leftMain .syn-hdjl,.syn-main .rightMain{ width: 100%;}
    .gknr_zlm{ display: none !important;}
    .syn-main .system li{ width: 100%;}
    .syn-main .system li:nth-child(3n+2){ margin-left: 0; margin-right: 0;}

    .lcxwMain li{ width: 90%; margin-left: 5%;}

    .syn-main .rightMain{ margin-top: 15px;}
    .lcsjWrap .titImgpc{display: none;}
    .lcsjWrap .titImgphone{ display: block; text-align: center;}
    .picSlide{ float: none; width: 100%; padding-top: 20px;}
    .lcsjWrap .swiper{  margin-bottom: 15px; width: 100%; height: 142px;}
    .lcsjWrap .swiper a{ display: block; width: 100%; height: 100%;}
    .lcsjWrap .swiper a img{display: block; width: 100%; height: 100%;}
    .lcsj-video{ float: none; width: 100%;}
    .lcsj-video a{ width: 100%;}

    .messageBox li a ,.syn-main .otherLink{ font-size: 18px;}
    .titleStyle .topic a { font-size: 20px;}
}